Olive Harbor color palette — #D4ECE2 · #428C3D · #00503C · #3B1B3E · #000B00
Built around Olive Leaf, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D4ECE2): A whisper-light, dusty teal — the color of glacier melt.
- Olive Leaf (#428C3D): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#00503C): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#3B1B3E): A deep, shadowed, dusty pink — the color of peonies in June.
- Ink (#000B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Olive Harbor 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 Cabin color palette (#DBE9DD, #7C7E00, #1F5100, #2B1F50, #080800)
- Pine Cabin color palette (#EBE2C8, #538951, #005144, #411D47, #012202)
- Cypress Lagoon color palette (#D0EFE8, #007B58, #003F3D, #340D26, #000402)
- Weathered Emerald color palette (#E0F4ED, #43A466, #006356, #562A29, #001615)
- Dusty Moss Corridor color palette (#CFEED3, #9B9B00, #316B00, #5F244F, #171700)
- Wandering Bronze color palette (#F4ECE0, #A87400, #5C3F00, #281A00, #020100)
- Washed Boulevard color palette (#E4F7F1, #94C0A0, #308576, #594F6A, #0E2D2C)
- Ancient Bronze color palette (#F5DFE7, #9A5900, #005C94, #512C00, #000814)
Browse the whole catalog at Explore, or see today's palette.