Pale Olive color palette — #FEF1F9 · #9DAAEF · #B87232 · #496F00 · #062214

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

The five colors

• Ivory (#FEF1F9): bright and airy, almost weightless.
• Mauve (#9DAAEF): A luminous, balanced violet — the color of a velvet chair.
• Caramel (#B87232): A luminous, balanced gold — the color of honey in a jar.
• Olive (#496F00): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#062214): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Washed Sky Veranda color palette (#E9F9F5, #71B5EF, #BC7063, #625C00, #0D1F07)
• Washed Villa color palette (#FFF1F5, #CAABEA, #C66F50, #3B6B00, #003040)
• Muted Basin color palette (#FFF1F4, #BB91D8, #997D26, #006F57, #211024)
• Dusty Fern color palette (#FEF4E4, #D4BFFC, #B97AA4, #676810, #442830)
• Amber Hollow color palette (#E8FAF4, #5FB9F9, #E07F1D, #20919E, #1D322C)
• Soft Terrace color palette (#FFF1F0, #CE7497, #397F0E, #005560, #17030D)
• Peony Orchard color palette (#FFF1F2, #D96BC4, #818400, #005751, #04082A)
• Indigo Hollow color palette (#EEF1FF, #7E67CF, #6D5400, #544100, #00181B)

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