Tempered Olive color palette — #FFE8E4 · #BA997F · #777017 · #27386D · #220629

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

The five colors

• Rose Water (#FFE8E4): A whisper-light, dusty orange — the color of autumn markets.
• Taupe (#BA997F): A luminous, dusty gold — the color of afternoon light on wheat.
• Olive (#777017): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#27386D): A deep, shadowed, balanced violet — the color of wild irises.
• Deep Indigo (#220629): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, 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

• Pale Onyx Chapel color palette (#FFD4EB, #BE9585, #8E6834, #1B486D, #150C45)
• Navy Meadow color palette (#F3DDDB, #BB8A59, #66662F, #242173, #140014)
• Aged Delta color palette (#FAE1CF, #B09D6A, #518453, #4D3069, #380015)
• Tempered Driftwood Pier color palette (#F3E5C6, #AAA261, #798D4A, #007167, #002F34)
• Timeworn Pine Orchard color palette (#FEF4E4, #A1A86D, #1F7303, #5F2049, #070800)
• Dusty Onyx color palette (#F3DBC4, #7C8141, #005B3A, #3D0647, #040000)
• Washed Pier color palette (#F7E8DD, #D48800, #826500, #3F3E00, #060D00)
• Aged Bronze color palette (#F6E0C8, #A07D23, #5D5800, #003326, #031802)

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