Tempered Olive color palette — #CBE7DE · #5A7700 · #004589 · #4C002B · #1C000C

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

The five colors

• Silver (#CBE7DE): A whisper-light, dusty teal — the color of sea glass.
• Olive (#5A7700): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004589): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#4C002B): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#1C000C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Aubergine Dune color palette (#D1E7E6, #008049, #4F2991, #4A0035, #170600)
• Softworn Aubergine color palette (#D2EDDB, #7E6A00, #004F62, #3E0053, #15001F)
• Faded Garnet color palette (#E1F2EA, #818123, #005C84, #63002C, #210F00)
• Dusty Aubergine color palette (#D1E6EB, #007874, #004B75, #390074, #3E0028)
• Tempered Lagoon Coast color palette (#E5E9D6, #609E80, #257684, #44304B, #39091B)
• Lowlit Forest Garden color palette (#D1ECEA, #006734, #383B42, #001E25, #000707)
• Midnight Aubergine color palette (#D9F1F4, #00564A, #3F005B, #270007, #030100)
• Aubergine Balcony color palette (#C4E8EF, #008379, #77008E, #521200, #190A00)

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