Tempered Coast color palette — #F2FAD8 · #3AEC6F · #E8558F · #A58400 · #0F3418
Chartreuse takes the lead with Hot Pink close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F2FAD8): A whisper-light, dusty green — the color of new leaves after rain.
- Chartreuse (#3AEC6F): A whisper-light, vivid green — the color of fresh herbs.
- Hot Pink (#E8558F): A luminous, vivid rose — the color of pressed rose petals.
- Mustard (#A58400): A luminous, balanced green — the color of fresh herbs.
- Deep Forest (#0F3418): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered 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
- Feathered Rose color palette (#EDFBE2, #3AE6BD, #E8597E, #A78300, #003428)
- Quiet Peony color palette (#F9F7D5, #A4DD33, #E051B7, #C47100, #2F2C0B)
- Hazy Meadow color palette (#D8E3CB, #35CD9D, #DB2A69, #8B7100, #141F04)
- Quiet Chartreuse color palette (#FAF7D8, #B1DA33, #957DE9, #DD5548, #312C04)
- Muted Apricot Canyon color palette (#ECFAE9, #31D3CA, #F58E64, #7E9B59, #283825)
- Airy Magenta Thicket color palette (#E6FCEB, #00CEE3, #E84BD9, #897400, #2A3600)
- Coral Workshop color palette (#DAFFEF, #7FD3FF, #E85F58, #8D8F00, #0B3326)
- Tempered Wisteria Harbor color palette (#DBF5EE, #69B8FF, #CF7ECA, #C25942, #082D26)
Browse the whole catalog at Explore, or see today's palette.