Tempered Basalt color palette — #DAE3CF · #599A9C · #56648A · #404700 · #00291A

Built around Deep Olive, softened by Storm Blue — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#DAE3CF): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#599A9C): A luminous, dusty teal — the color of sea glass.
• Slate (#56648A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Deep Olive (#404700): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#00291A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Calm, Sophistication. Tagged vintage, retro, muted, cool.

Use it as a design system

One click turns Tempered Basalt 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

• Muted Workshop color palette (#D3F2DB, #63968A, #68577E, #004A3C, #002026)
• Patina Basalt color palette (#DAE5CD, #909371, #166D77, #563200, #162300)
• Patina Dune color palette (#E8F4DF, #82AF9A, #716A92, #345A3D, #272F0A)
• Ancient Cocoa Harbor color palette (#CFEBE0, #A784A1, #6F5F90, #6C360F, #413502)
• Iris Chapel color palette (#C3EBF1, #76ABC9, #8E75BA, #3B6B5B, #144033)
• Forest Delta color palette (#ECE5D3, #77996C, #006450, #003E58, #041700)
• Hushed Loft color palette (#DEEAE1, #466F9B, #5A255A, #002D29, #000A09)
• Timeworn Taupe color palette (#E4F7EB, #D7C4CF, #AD8B8B, #556C59, #384A3D)

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