Tempered Clover Coast color palette — #FFDCCD · #2AB63B · #007B96 · #930605 · #003126
Built around Clover, softened by Garnet — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
- Clover (#2AB63B): A luminous, vivid green — the color of a quiet forest floor.
- Teal (#007B96): A full-bodied, balanced blue — the color of deep harbor water.
- Garnet (#930605): A full-bodied, vivid orange — the color of autumn markets.
- Deep Forest (#003126): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, vibrant.
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
- Muted Jade color palette (#FFDDC7, #00B380, #0076AF, #7F3200, #00302F)
- Clover Cabin color palette (#FFF1F1, #00CA77, #007DA8, #860026, #001E1A)
- Mulberry Pier color palette (#FFDBD4, #94A300, #007F7D, #8C0055, #013307)
- Softworn Terrace color palette (#F8E2B4, #009279, #005C6D, #660049, #00302E)
- Soft Teal color palette (#F8EED1, #41B8A2, #4979B5, #5C5800, #173822)
- Tempered Plum Atelier color palette (#FFE1A2, #00CDAB, #009FB9, #AF3083, #00302E)
- Timeworn Olive color palette (#FFE6D5, #CBA553, #718100, #006A5C, #3C2B00)
- Ultramarine Lagoon color palette (#EAE7D1, #00948D, #254CB9, #343D00, #001A21)
Browse the whole catalog at Explore, or see today's palette.