Olive Ridge color palette — #F2F3E2 · #9EBE92 · #6FA4C2 · #577E47 · #0C3A2C

A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F3E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#9EBE92): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#6FA4C2): A luminous, dusty blue — the color of deep harbor water.
• Olive (#577E47): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#0C3A2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Pine Lagoon color palette (#F0F4E6, #8CC29F, #7B9FC9, #388358, #3E2840)
• Washed Bronze Veranda color palette (#F8F1E4, #C8B174, #60ACA3, #886E25, #243720)
• Muted Villa color palette (#ECF5E9, #84C1B5, #B6975E, #1C8374, #34302A)
• Driftwood Canyon color palette (#F1F4E2, #B2E1DB, #80A6B8, #8B8A42, #354000)
• Dusty Olive color palette (#F5F2E6, #B1B988, #C58A8C, #6F773E, #47281E)
• Softworn Lagoon color palette (#F0F6D7, #AAD4AC, #67926A, #2C5533, #022207)
• Olive Pier color palette (#EAF9F5, #A1B98F, #B186BD, #528218, #5C4263)
• Weathered Fern Market color palette (#EFF3EB, #CDC49C, #536B2B, #263800, #11160B)

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