Hazy Olive color palette — #F9E3EE · #C97F5A · #6C7B1F · #414F75 · #101D4A

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

The five colors

• Blush (#F9E3EE): A whisper-light, dusty rose — the color of pressed rose petals.
• Caramel (#C97F5A): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#6C7B1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#414F75): A full-bodied, dusty violet — the color of wild irises.
• Midnight (#101D4A): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

One click turns Hazy 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

• Amber Station color palette (#FFDAD3, #BA851F, #4A8362, #544A7F, #1B1235)
• Coral Market color palette (#F6E5F3, #CD7279, #917523, #3A6552, #00212D)
• Amber Grove color palette (#FFE8E3, #C1730C, #675C28, #124053, #00213C)
• Tempered Sapphire color palette (#F8F0D8, #BF9C29, #006BCF, #785F00, #000F27)
• Patina Bloom color palette (#FFDEDC, #D46B00, #8F6700, #4D4800, #0E1500)
• Hushed Amber color palette (#F7EAE0, #B6863C, #685922, #003D21, #000E0A)
• Wandering Onyx Lagoon color palette (#FFE5EF, #8E5D4E, #5C4500, #001F54, #0C0020)
• Aged Corridor color palette (#FEDEE5, #F9A76B, #94AA60, #7174AE, #3C3D67)

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