Olive Ridge color palette — #E9FBEB · #CB8E00 · #628500 · #006451 · #5B0E14
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9FBEB): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#CB8E00): A luminous, balanced gold — the color of honey in a jar.
- Olive Leaf (#628500): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#006451): A full-bodied, balanced teal — the color of glacier melt.
- Espresso (#5B0E14): A deep, shadowed, balanced orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Optimism, 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
- Hushed Olive color palette (#D5E7D5, #B27900, #4D7000, #004E44, #3E0900)
- Lagoon Parlor color palette (#ECF8F3, #A3AD52, #009770, #00697F, #4B320B)
- Airy Emerald color palette (#E6FBEE, #B29B00, #00912B, #006261, #003450)
- Gentle Tangerine Alley color palette (#FFF0F9, #FB661C, #937300, #2E6500, #57083E)
- Olive Cabin color palette (#DFF5EB, #757B00, #006243, #003A43, #1E0D00)
- Chalky Moss color palette (#E8FBED, #C8BC78, #8C8C00, #8E5B3E, #1E4331)
- Dusty Mustard Boulevard color palette (#F7E6D4, #EEA900, #B38600, #755F00, #474000)
- Moss Orchard color palette (#C5F3E9, #5EA100, #007A70, #004E71, #2E2300)
Browse the whole catalog at Explore, or see today's palette.