Tempered Coast color palette — #D8EDD8 · #726E2E · #254100 · #200C5B · #121000

Deep Indigo and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8EDD8): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#726E2E): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#254100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#200C5B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#121000): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance, 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

• Softworn Onyx Lagoon color palette (#DAEEE5, #407B3C, #004231, #370247, #011501)
• Garnet Studio color palette (#DBEADF, #748148, #035417, #560437, #181E00)
• Weathered Olive Loft color palette (#EEE6D6, #706B00, #343B00, #40000B, #030300)
• Weathered Fern color palette (#DBF2E1, #8D9A4D, #126D14, #48317D, #2C3200)
• Softworn Boulevard color palette (#FFE4DC, #892200, #004A51, #152C47, #150200)
• Dusty Cerulean color palette (#F7E8F3, #499EA5, #005268, #003122, #001528)
• Basalt Quarry color palette (#D9E9E5, #64997D, #00625B, #5B284C, #003031)
• Faded Terracotta color palette (#F0DAEB, #A53021, #005758, #590400, #001314)

Browse the whole catalog at Explore, or see today's palette.