Misty Olive color palette — #FFF0F9 · #C26F49 · #417227 · #005069 · #383253

Olive takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Caramel (#C26F49): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#417227): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005069): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#383253): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Patina Drift color palette (#EFF8EF, #B47C00, #00755C, #294386, #432E4C)
• Wandering Hollow color palette (#F9F2FD, #BC6C89, #796000, #00544D, #30335D)
• Faded Ember color palette (#FEEBFA, #DC6151, #007181, #094569, #061F38)
• Soft Onyx color palette (#FFDDE8, #9B5E00, #005C2B, #003751, #3D0047)
• Feathered Bronze Loft color palette (#FFECF3, #DAA452, #9A7900, #665900, #275343)
• Hushed Olive color palette (#EDF9EF, #B7B27E, #6C7B3D, #68506A, #32483D)
• Driftwood Hollow color palette (#FFEEF8, #A6BEA7, #8C8F61, #426880, #415067)
• Tempered Coral color palette (#FFF2ED, #F27D75, #00919D, #296291, #1B3A56)

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