Tempered Clover color palette — #FFD0D5 · #00CA80 · #0093CB · #9A4856 · #132B0E

Built around Clover, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFD0D5): A whisper-light, dusty red — the color of a theater curtain.
• Clover (#00CA80): A luminous, vivid teal — the color of sea glass.
• Cerulean (#0093CB): A luminous, balanced blue — the color of open sky before noon.
• Burnt Sienna (#9A4856): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#132B0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Mint Courtyard color palette (#FFE9E1, #00D9AA, #479EE3, #A15F5D, #213623)
• Tempered Lime Lantern color palette (#FFD3C4, #8ABE00, #009AA4, #8C4C7A, #202806)
• Frosted Workshop color palette (#FFD3C3, #00C3C0, #6782DA, #965036, #002934)
• Wandering Mint Market color palette (#E6E6D1, #60D2AD, #2BA2AC, #677D54, #1F2E0C)
• Teal Boulevard color palette (#C4E9CB, #00AB8C, #007689, #722658, #002931)
• Muted Bloom color palette (#DBEBDD, #75C2C8, #839ECB, #A56A40, #552800)
• Antique Lagoon color palette (#DCE8DB, #00A09D, #305E50, #253425, #040501)
• Sunlit Market color palette (#FFEBDC, #009CA0, #4A55D2, #6B3900, #000D14)

Browse the whole catalog at Explore, or see today's palette.