Olive Ridge color palette — #D2ECE0 · #99AF66 · #508121 · #6C4F27 · #083027

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

The five colors

• Honeydew (#D2ECE0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#99AF66): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#508121): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#6C4F27): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Forest (#083027): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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

• Misty Lime color palette (#D2F5E1, #AFB319, #6B8300, #675C00, #2F3100)
• Ancient Archive color palette (#CEEBEA, #70B598, #00856E, #6A5028, #003032)
• Worn Lantern color palette (#D0ECE6, #6EA16E, #00743E, #534400, #042206)
• Dusty Moss Grove color palette (#CCE5DB, #8FA500, #0096B1, #5D6C00, #002F39)
• Hushed Chapel color palette (#D8F2BF, #90BF4E, #588700, #2D5000, #0F1B00)
• Sunlit Emerald color palette (#E5FBF6, #90CD90, #2F9D60, #577344, #14433F)
• Forest Study color palette (#D9E9E0, #789856, #00663A, #5B2C3C, #003129)
• Quiet Emerald color palette (#CFE4E1, #379F38, #008A9A, #8B5F00, #082708)

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