Olive Ridge color palette — #E4E7CF · #5B7B00 · #175100 · #002B11 · #000F08

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

The five colors

• Parchment (#E4E7CF): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#5B7B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#175100): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002B11): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000F08): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged warm.

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 Alley color palette (#ECE1CF, #856F00, #4D4900, #242C00, #040D00)
• Hushed Pine color palette (#D0E9CE, #00864C, #005845, #002924, #000F0F)
• Moss Boulevard color palette (#E4E7C8, #729900, #397400, #005319, #002A1B)
• Olive Dune color palette (#F5ECD8, #A2A500, #287500, #00412D, #001412)
• Aubergine Summit color palette (#E6E8DA, #27922F, #780081, #03430A, #130015)
• Cerulean Harbor color palette (#E1E8CC, #6BC8B2, #009FAD, #385500, #000F09)
• Tempered Emerald Balcony color palette (#DEEDDC, #00A768, #006C4F, #00443D, #002020)
• Emerald Atelier color palette (#E6E0B3, #81B26D, #009442, #005B3C, #203212)

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