Tempered Coast color palette — #F1F7F0 · #B0C7BA · #77885D · #5A667E · #3B5446
Eucalyptus and Graphite set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Stone (#B0C7BA): A luminous, dusty teal — the color of glacier melt.
- Eucalyptus (#77885D): A luminous, dusty green — the color of fresh herbs.
- Graphite (#5A667E): A full-bodied, dusty violet — the color of wild irises.
- Charcoal Brown (#3B5446): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Tempered Driftwood color palette (#F4F2E8, #C9C4A5, #728D58, #53684F, #32312A)
- Taupe Parlor color palette (#EDF8F3, #B4DBCD, #8FA477, #658389, #3E524B)
- Softworn Violet Coast color palette (#F4F4FF, #ACABD4, #82A56B, #8B58AE, #3E552F)
- Dusty Driftwood color palette (#F4F4FF, #E5D7E0, #E6B9C2, #7B86B2, #534C5F)
- Worn Onyx Corridor color palette (#D4F1E8, #4B8A5F, #005145, #4A114B, #00220D)
- Hushed Pine color palette (#EBFAEF, #9FA977, #397A3B, #534289, #373F10)
- Aged Orchard color palette (#D6EBDE, #7F9469, #006639, #4A2B6C, #003129)
- Washed Cocoa Study color palette (#FCF4E9, #EDDDB3, #A9BE92, #A992A2, #604A00)
Browse the whole catalog at Explore, or see today's palette.