Olive Ridge color palette — #F7F6E9 · #A3B981 · #A88BBC · #637D35 · #62434C

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

The five colors

• Ivory (#F7F6E9): bright and airy, almost weightless.
• Sage (#A3B981): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#A88BBC): A luminous, dusty violet — the color of wild irises.
• Olive Leaf (#637D35): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#62434C): A full-bodied, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. 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

• Dusty Olive Meadow color palette (#F4F2E5, #AEBA8C, #AE8EC0, #687C08, #3C2747)
• Cypress Lagoon color palette (#F0F9EA, #7FBFAC, #BF8697, #25846E, #69413B)
• Periwinkle Chapel color palette (#FDF4E7, #C9AB7C, #779BCC, #8D6C36, #5C435D)
• Timeworn Moss Cabin color palette (#E9FAF3, #C0CA9E, #C4A2D6, #849721, #5A4266)
• Tempered Jade color palette (#F6F7E3, #80A565, #6B8CB3, #99666B, #474500)
• Muted Bloom color palette (#FEF3EB, #C9B49D, #A97242, #884C28, #604100)
• Tempered Lagoon color palette (#F5F8DC, #AED1A5, #648C61, #3C5C32, #203D1E)
• Hazy Orchid color palette (#F2FAD4, #5ABB6D, #B051BB, #005F22, #532558)

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