Tempered Olive color palette — #D1EAF6 · #00869D · #606F00 · #004E5D · #0E1200

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

The five colors

• Frost (#D1EAF6): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00869D): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#606F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#004E5D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0E1200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Chestnut Pier color palette (#CBF4FA, #008B78, #835F00, #005146, #170E00)
• Softworn Chapel color palette (#D4E7F9, #007CCB, #007B35, #004879, #001504)
• Grape Grove color palette (#CDE4F1, #006F99, #7504CE, #005841, #000910)
• Timeworn Lapis color palette (#CFF3F9, #008B7A, #4F30FF, #005147, #0A003B)
• Wandering Cocoa color palette (#D1F0FF, #006B7C, #793500, #00333C, #1E0800)
• Worn Rust Dune color palette (#DDF7E7, #009DBD, #CF5400, #006E85, #200700)
• Iris Hollow color palette (#DEECF6, #78BBF6, #5B90F9, #00647A, #001D31)
• Dusty Cerulean color palette (#CBE5F3, #0094C6, #005C82, #00283A, #000408)

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