Tempered Coast color palette — #DCE3CC · #679900 · #2C6600 · #043304 · #000200
A conversation between Olive Leaf and Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DCE3CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive Leaf (#679900): A luminous, vivid green — the color of fresh herbs.
- Olive (#2C6600): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#043304): A deep, shadowed, balanced green — the color of new leaves after rain.
- Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Bronze Thicket color palette (#E8E0CA, #9D8500, #5A5500, #252500, #040600)
- Muted Grove color palette (#D6F5DE, #009D6A, #00634B, #00271F, #000201)
- Antique Emerald color palette (#DFF7DA, #2B9703, #AA4100, #104901, #030000)
- Quiet Villa color palette (#E7E9D6, #789900, #407F00, #005525, #001C10)
- Dusty Pine Field color palette (#CCEFD8, #007B48, #00627A, #534000, #000201)
- Wandering Grove color palette (#E4FFCE, #4CDE00, #009434, #006136, #002F1D)
- Seafoam Villa color palette (#CFFFE0, #2FF0C7, #00B2A8, #085E13, #050C00)
- Worn Turquoise Hollow color palette (#BEEAEB, #00B1C3, #006876, #004251, #00090F)
Browse the whole catalog at Explore, or see today's palette.