Tempered Coast color palette — #D8F8E3 · #7D6700 · #006662 · #443700 · #000807
Olive and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D8F8E3): A whisper-light, dusty teal — the color of glacier melt.
- Olive (#7D6700): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006662): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#443700): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Garnet Market color palette (#CBE8D9, #615A00, #005B47, #6D1F00, #020200)
- Bronze Cabin color palette (#E0ECE2, #846D10, #584100, #331F00, #000502)
- Softworn Dune color palette (#D5F8EA, #667000, #A6002E, #363C00, #140002)
- Moonless Navy color palette (#D5EBDB, #634E00, #003D79, #291F00, #000614)
- Weathered Rust color palette (#F9E6F1, #AE4100, #1C6A01, #612100, #010800)
- Moss Orchard color palette (#D0E6DA, #A1A969, #4E9400, #5E4700, #00140C)
- Hazy Terrace color palette (#CDF4F4, #008E5D, #0062C9, #005334, #000E28)
- Sapphire Harbor color palette (#F0E2CB, #9E7700, #3A64E1, #6B5000, #010025)
Browse the whole catalog at Explore, or see today's palette.