vibrantbrand-like
Playful Kids Color Palette
Playful Kids is a vibrant and brand-ready color palette of 5 colors: Tomato (#ff595e), Saffron (#ffca3a), Yellow Green (#8ac926), Steel Blue (#1982c4) and Rebecca Purple (#6a4c93). Its dominant hue is red.
The darkest color, Rebecca Purple, on the lightest, Saffron, gives a 4.48:1 contrast ratio — enough for large headings, but not body text. No pair in it passes AA for normal text, so use it for fills and accents. Tomato (#ff595e) is its most saturated color and a natural choice for buttons and links.
Colors
- Tomato
- Saffron
- Yellow Green
- Steel Blue
- Rebecca Purple
CSS Output
:root {
--playful-kids-1: #ff595e;
--playful-kids-2: #ffca3a;
--playful-kids-3: #8ac926;
--playful-kids-4: #1982c4;
--playful-kids-5: #6a4c93;
}Playful Kids on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Rebecca Purple on Saffron#6a4c93 on #ffca3a4.48:1AA Large
- Rebecca Purple on Yellow Green#6a4c93 on #8ac9263.41:1AA Large