Tempered Clover color palette — #FCF1FF · #FFACC1 · #09D264 · #D53170 · #003916
Clover and Fuchsia set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
- Ballet Pink (#FFACC1): A whisper-light, balanced red — the color of embers at dusk.
- Clover (#09D264): A luminous, vivid teal — the color of sea glass.
- Fuchsia (#D53170): A full-bodied, vivid red — the color of late-summer berries.
- Deep Forest (#003916): A deep, shadowed, balanced teal — the color of glacier melt.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Clover into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Weathered Crimson Villa color palette (#FFF0FE, #FFAFAD, #0ACEA1, #D93547, #00382A)
- Timeworn Alley color palette (#F6F3FF, #FFBCFA, #00C698, #B239AF, #003829)
- Frosted Harbor color palette (#FDF0FF, #F58099, #00AA8E, #B21A4F, #001E17)
- Linen Grove color palette (#FFF0FA, #FFC4B3, #38D0F3, #D16343, #00404D)
- Ancient Dune color palette (#F3F4FF, #D2B8FF, #6ECC07, #9649EE, #193700)
- Ancient Mulberry Boulevard color palette (#FFF1F0, #DE619C, #009475, #A60065, #004635)
- Antique Amber color palette (#FFF1F6, #F6C873, #CD7B2B, #954331, #0B2F20)
- Frosted Balcony color palette (#FFF1F0, #FFA5CE, #81BAFF, #E75EA5, #113B69)
Browse the whole catalog at Explore, or see today's palette.