Olive Ridge color palette — #D6E4C8 · #6B7E00 · #006D54 · #004967 · #000201
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D6E4C8): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#6B7E00): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006D54): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004967): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, 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
- Muted Pine Boulevard color palette (#E7EED7, #867200, #007625, #003E4C, #000201)
- Antique Navy color palette (#DEEFE0, #008E40, #006766, #172A92, #000102)
- Tempered Clover color palette (#DDF1F1, #00CB3D, #009271, #006561, #000201)
- Moonless Basin color palette (#ECE8D0, #006B27, #003228, #121600, #000200)
- Eclipse Grove color palette (#DFE8DD, #00665F, #00374C, #2D0B01, #0A0000)
- Weathered Villa color palette (#F9E4DA, #008894, #004257, #002016, #000104)
- Garnet Hollow color palette (#DCEEE0, #00575F, #6E1600, #002328, #040000)
- Aubergine Ridge color palette (#D0EFFF, #00A88E, #0076A8, #6321AB, #000105)
Browse the whole catalog at Explore, or see today's palette.