Tempered Olive color palette — #DAEAE7 · #A0B3BA · #7AA0B0 · #408421 · #011815

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

The five colors

• Frost (#DAEAE7): bright and airy, almost weightless.
• Ash (#A0B3BA): A luminous, dusty blue — the color of open sky before noon.
• Blue Fog (#7AA0B0): A luminous, dusty blue — the color of open sky before noon.
• Olive Leaf (#408421): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#011815): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Cypress Ridge color palette (#D8E5E7, #A3B2C2, #869AB4, #008379, #03171B)
• Timeworn Harbor color palette (#E0EBE3, #9EB6B4, #6EA797, #8A6E00, #08180E)
• Washed Bloom color palette (#D5EDE6, #77A763, #00882C, #485F14, #041400)
• Muted Spruce color palette (#D6E7E2, #8BA6A6, #5B8390, #2C3D00, #000604)
• Teal Drift color palette (#E8F0F2, #C8D5E5, #A9BEE0, #00A7A6, #1C3237)
• Hazy Alley color palette (#CCEBEB, #62CD3E, #00BA7B, #009F91, #001109)
• Petrol Pier color palette (#CAF5FF, #47A3AC, #0082A0, #58508F, #260C3D)
• Chalky Emerald color palette (#D7E8E2, #00A35C, #007966, #004A7E, #000F07)

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