Olive Ridge color palette — #E8FBEE · #00C1DF · #A78F00 · #468800 · #002A25
Olive Leaf and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FBEE): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00C1DF): A luminous, balanced blue — the color of deep harbor water.
- Mustard (#A78F00): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#468800): A full-bodied, vivid green — the color of a quiet forest floor.
- Deep Forest (#002A25): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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 Grove color palette (#D8F2E5, #00AAD6, #908100, #007B22, #001817)
- Powdered Moss color palette (#E3FCF3, #5CB7FF, #82A100, #008C65, #00262C)
- Muted Amber Balcony color palette (#EEF9E8, #00C8A9, #E27900, #8B7400, #042F08)
- Aged Atelier color palette (#EBF7FF, #00ADDE, #A55C00, #00644D, #001724)
- Cobalt Balcony color palette (#CCE9E0, #008EDA, #697800, #006A42, #00080A)
- Hushed Lilac color palette (#FFEFF7, #A492FF, #00A278, #007787, #001636)
- Muted Studio color palette (#FCF2F7, #B8B4EE, #6BB292, #399CA4, #403141)
- Amber Boulevard color palette (#FFF2EF, #FF8FB1, #E47629, #857600, #003C16)
Browse the whole catalog at Explore, or see today's palette.