Tempered Coast color palette — #F1F7F2 · #D2E1F1 · #8BB9CF · #589485 · #3B5669
Eucalyptus takes the lead with Ash close behind in a set that reads as calm and sophistication at first glance.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Frost (#D2E1F1): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#8BB9CF): A luminous, dusty blue — the color of open sky before noon.
- Eucalyptus (#589485): A luminous, dusty teal — the color of glacier melt.
- Peacock (#3B5669): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Cypress Lagoon color palette (#F8F3F8, #D4DFED, #779FBA, #437D59, #43546A)
- Hushed Cerulean Garden color palette (#E8F8FF, #8DD2DA, #DC9F9E, #379CA7, #5C445B)
- Weathered Denim color palette (#E7F1E9, #5A9EAC, #00617E, #003C38, #000A16)
- Aged Petrol color palette (#D7E7DA, #73C1C1, #008395, #005B47, #002330)
- Aqua Villa color palette (#E9F8FF, #68C0D2, #C591BD, #A3915C, #2D4752)
- Ancient Cobalt color palette (#E7F2E9, #9DCBE6, #368BD6, #006A77, #152A5B)
- Pale Workshop color palette (#EDF9EF, #A7E6FD, #18A6EC, #008285, #0E4073)
- Taupe Pier color palette (#FFF1F6, #BCD1BD, #B88D9E, #8A697C, #3A4D40)
Browse the whole catalog at Explore, or see today's palette.