Olive Ridge color palette — #E7FAF6 · #9FB98F · #C0897A · #5C7E46 · #5E4356

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

The five colors

• Ivory (#E7FAF6): A whisper-light, dusty teal — the color of sea glass.
• Sage (#9FB98F): A luminous, dusty green — the color of fresh herbs.
• Caramel (#C0897A): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#5C7E46): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#5E4356): A full-bodied, dusty pink — the color of a candy shop window.

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

• Bronze Station color palette (#ECF9EF, #C6AD77, #BD85A1, #896E32, #554662)
• Olive Lagoon color palette (#E6F6F2, #9FBE8F, #B68ABE, #4C8228, #402545)
• Periwinkle Thicket color palette (#E8F9FB, #7FBFAB, #8496CF, #36826D, #3F4D67)
• Sunlit Ridge color palette (#F5F7E9, #ACD0A5, #C2A1DE, #59A04B, #574467)
• Hushed Driftwood color palette (#FFF1F5, #AABFAA, #9B7381, #715461, #3D4C3F)
• Patina Jade color palette (#E3FBF8, #72A871, #4397A6, #91703A, #304845)
• Tempered Workshop color palette (#E8F9F8, #CAD9F2, #ADB9DE, #68958E, #395252)
• Cypress Workshop color palette (#ECF8F8, #BDC697, #316B57, #144043, #1B272D)

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