Tempered Forest color palette — #D4E4DD · #609FB6 · #6B5F95 · #1E5624 · #003E2C

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

The five colors

• Silver (#D4E4DD): bright and airy, almost weightless.
• Blue Fog (#609FB6): A luminous, dusty blue — the color of deep harbor water.
• Slate (#6B5F95): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#1E5624): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#003E2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Fern Delta color palette (#D7E6E1, #8BA084, #426A88, #4F4E00, #004532)
• Washed Denim Archive color palette (#DEF8E1, #649380, #5A467E, #00452C, #003134)
• Pewter Pier color palette (#C8EAF6, #A987A4, #815576, #00504B, #003C4C)
• Softworn Petrol color palette (#F4EDE8, #92BCAC, #4664AD, #00504C, #312354)
• Worn Cocoa Station color palette (#DBEBFD, #8C8FBA, #7A5B83, #5C3B00, #262200)
• Wandering Driftwood color palette (#D7E7F6, #A6A7D6, #9866A4, #815416, #3B390D)
• Dusty Basalt Boulevard color palette (#DDF1F9, #5778A5, #613465, #00332D, #001C26)
• Navy Alley color palette (#E9E5D3, #6A9976, #00625B, #00406C, #063217)

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