Tempered Olive color palette — #EBF4F2 · #CAD9E1 · #97C8D7 · #457A36 · #112A26

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

The five colors

• Ivory (#EBF4F2): bright and airy, almost weightless.
• Silver (#CAD9E1): bright and airy, almost weightless.
• Sky (#97C8D7): A luminous, dusty blue — the color of open sky before noon.
• Olive (#457A36): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#112A26): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Pine Terrace color palette (#E8FAF7, #C9DDE6, #A3C3C6, #387B44, #2D4543)
• Forest Villa color palette (#E0ECEB, #C0CFD1, #8AA9B6, #1A6534, #071A18)
• Cypress Courtyard color palette (#D9EEF0, #007E62, #003036, #001416, #000504)
• Emerald Delta color palette (#F4F6ED, #D2E1D6, #95BBCA, #4EA860, #333900)
• Powdered Delta color palette (#DFF9EF, #7CB97F, #007E64, #4A520D, #05280A)
• Weathered Corridor color palette (#ECF3F7, #D5D7E0, #B7ACB7, #5D8AA0, #2F383C)
• Weathered Onyx Parlor color palette (#D7E2E9, #848E9B, #616A85, #002F3F, #000103)
• Faded Moss color palette (#FFEBF7, #56A83B, #007072, #720A3E, #002314)

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