Olive Coast color palette — #DEF2ED · #4A7703 · #002E72 · #192D00 · #000109
Built around Olive, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DEF2ED): A whisper-light, dusty teal — the color of sea glass.
- Olive (#4A7703): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#002E72): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#192D00): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Olive Coast 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
- Aged Pine Harbor color palette (#E9EEDF, #007C46, #003D4B, #003319, #000201)
- Soft Pier color palette (#D6E8EA, #007B5E, #2D0090, #002F22, #000010)
- Softworn Bronze Workshop color palette (#DAE6DC, #856200, #003A43, #332400, #000203)
- Eclipse Forest Garden color palette (#F7D9ED, #006A36, #003548, #320700, #000F0C)
- Pine Meadow color palette (#DEEBCD, #007B55, #00464A, #001D30, #02002C)
- Aubergine Studio color palette (#D5E8F1, #008597, #650074, #003941, #09000C)
- Wandering Emerald Corridor color palette (#DBF3F1, #009D59, #005C71, #00532D, #000204)
- Navy Alley color palette (#E2F3F7, #7C9600, #007877, #003FA6, #000B0E)
Browse the whole catalog at Explore, or see today's palette.