Tempered Clover Coast color palette — #FFDCCD · #00D276 · #009FB6 · #B23174 · #003128
A conversation between Clover and Magenta Rose, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
- Clover (#00D276): A luminous, vivid teal — the color of shallow lagoons.
- Cerulean (#009FB6): A luminous, balanced blue — the color of open sky before noon.
- Magenta Rose (#B23174): A full-bodied, vivid rose — the color of strawberry cream.
- Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro.
Use it as a design system
One click turns Tempered Clover Coast 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
- Dusty Archive color palette (#FFDDC4, #A0C100, #00A590, #924A9B, #043304)
- Airy Brick color palette (#FFDBD5, #00CBBB, #189EED, #B5231D, #002F35)
- Clover Market color palette (#FFF1F4, #4EC84D, #00809A, #820045, #001E16)
- Azure Hollow color palette (#FFF2EC, #00DDCC, #12A6FA, #B15F51, #003D44)
- Washed Violet Summit color palette (#E2EEC8, #00C878, #876CFF, #B32B4F, #4B0102)
- Periwinkle Corridor color palette (#D4E7D6, #60D4D4, #60A6E7, #A06D67, #682924)
- Wandering Seafoam color palette (#FFF2EB, #87E7BD, #76B9D1, #AB7F76, #404C3D)
- Mint Market color palette (#EFEDD2, #44E18B, #00AF9B, #6C853F, #00381C)
Browse the whole catalog at Explore, or see today's palette.