Tempered Coast color palette — #DCF6E8 · #828637 · #6A6100 · #4C3E00 · #030400
Olive and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#DCF6E8): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#828637): A full-bodied, balanced green — the color of new leaves after rain.
- Olive (#6A6100): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#4C3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#030400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Wandering Bronze color palette (#D7F1DD, #A18F41, #886900, #664500, #0D0C00)
- Bronze Quarry color palette (#FFE4DA, #C0651E, #8B5000, #513400, #040200)
- Eclipse Fern Terrace color palette (#EDE5CD, #545700, #2F2B00, #130E00, #010100)
- Timeworn Moss color palette (#C3E9D2, #BFBD64, #AA9500, #8B6D00, #282C00)
- Frosted Brick color palette (#F4E9F3, #C86A6B, #984D00, #A60027, #040100)
- Timeworn Amethyst Parlor color palette (#E3E6FF, #8345C8, #00716B, #004F62, #03000A)
- Gentle Terrace color palette (#E8D9EC, #C46D2A, #7F1E3F, #2F0010, #040006)
- Tempered Rust color palette (#FCE2F0, #DCA37F, #C77751, #A34F3A, #381C00)
Browse the whole catalog at Explore, or see today's palette.