Tempered Olive color palette — #F8F0EB · #C8E6DE · #6CA6B7 · #607432 · #1E3D33

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Silver (#C8E6DE): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#6CA6B7): A luminous, dusty blue — the color of deep harbor water.
• Olive (#607432): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#1E3D33): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Olive 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 Quarry color palette (#FBEFE9, #C4E7C9, #3B9ABA, #226D53, #0A342B)
• Muted Cypress color palette (#F9F3F9, #D3E1F0, #7B9FB5, #54795B, #445467)
• Ancient Blush Villa color palette (#FFEEE7, #EF9895, #5DABAC, #97605E, #233724)
• Teal Grove color palette (#F7EAE3, #1DB2AC, #006372, #003C1D, #000D16)
• Tempered Coral color palette (#FFEDE8, #D77F83, #27A19D, #508095, #33231E)
• Antique Market color palette (#F2E3DC, #228793, #004258, #002017, #000104)
• Dusty Bronze Terrace color palette (#FAF1E2, #C8BB91, #A17C3A, #7C4B12, #2D2D1F)
• Dusty Cobalt Market color palette (#F1E7DF, #83BDD6, #096EB9, #004B49, #0A1037)

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