Olive Ridge color palette — #E7FBF0 · #A3AF71 · #5C8451 · #27636D · #354E47

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

The five colors

• Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A3AF71): A luminous, balanced green — the color of fresh herbs.
• Fern (#5C8451): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#27636D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#354E47): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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 Lagoon Alley color palette (#E9FAF5, #79B79C, #2D8780, #455A7B, #354D4F)
• Driftwood Hollow color palette (#EEF8F1, #A4CBB6, #828648, #536D5B, #3F5248)
• Patina Market color palette (#FFECF2, #BFAC53, #568567, #4D4E72, #1B312A)
• Worn Chartreuse Harbor color palette (#E7FAF3, #F5E998, #B7D06F, #72A272, #354D47)
• Oat Harbor color palette (#DCFDF9, #A9D5D6, #739499, #597188, #4D4C61)
• Emerald Archive color palette (#D6F7ED, #009F68, #00695E, #084078, #00383B)
• Wandering Olive Archive color palette (#E9F5F1, #678A34, #24433F, #1E2C28, #101617)
• Mustard Harbor color palette (#FFF3E6, #CEBF78, #709F80, #876370, #534800)

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