Tempered Coast color palette — #D3E6D6 · #417400 · #004738 · #2B004C · #000801

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

The five colors

• Celadon Mist (#D3E6D6): A whisper-light, dusty teal — the color of sea glass.
• Olive (#417400): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004738): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#2B004C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#000801): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Timeworn Cypress Parlor color palette (#DCF2E0, #007755, #00444A, #390031, #000705)
• Feathered Navy color palette (#DBF3DF, #726500, #0E4903, #0E0064, #050600)
• Onyx Chapel color palette (#FFE6DF, #726700, #00483D, #46002E, #0D1B00)
• Midnight Abyss Garden color palette (#CFE5E4, #00522A, #1D1E25, #00120E, #000202)
• Soft Ridge color palette (#EEE7D9, #00966E, #005D66, #57004B, #001713)
• Misty Moss color palette (#FFE5FC, #8C9100, #00625D, #4D0142, #000600)
• Quiet Aubergine Corridor color palette (#F2E1C5, #5E912F, #006853, #4D0081, #001D06)
• Muted Field color palette (#CEE7DB, #658438, #005316, #2D2B00, #040A00)

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