Olive Ridge color palette — #F8F6E8 · #ACB683 · #9890CA · #6E7B00 · #644054

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Sage (#ACB683): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#9890CA): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#6E7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#644054): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Olive Ridge 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

• Hushed Bronze Archive color palette (#FDF4E7, #C4AC85, #8295D5, #966900, #404B6F)
• Washed Pine Hollow color palette (#F2F8E9, #89BEA3, #C480A6, #22865F, #694040)
• Muted Pewter Lantern color palette (#F7F7E5, #86A36B, #8183BE, #9061A0, #43433C)
• Wandering Olive Bloom color palette (#E5F7EF, #B1BA7B, #3DACC3, #6F7828, #193541)
• Moss Summit color palette (#F9F5E9, #C9C892, #EA95A1, #959039, #65443B)
• Cocoa Boulevard color palette (#FFF2EB, #C7B4A3, #A07463, #7A5246, #5F4100)
• Straw Orchard color palette (#EBF9F3, #D7DC87, #D2B9F8, #A9AD75, #494A66)
• Fern Bloom color palette (#F8F7DC, #D0CDA0, #729159, #395E12, #2F3E19)

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