Misty Harbor color palette — #E4E3CA · #557B00 · #00674D · #004686 · #010200
Built around Olive, softened by Navy — the whole palette hums with nature and growth.
The five colors
- Parchment (#E4E3CA): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#557B00): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#00674D): A full-bodied, balanced teal — the color of sea glass.
- Navy (#004686): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Misty 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
- Patina Corridor color palette (#FFE4CB, #9F5800, #1E7505, #004781, #040100)
- Aubergine Basin color palette (#ECEBD3, #5D7F0B, #00725F, #5000A2, #010200)
- Softworn Nightshade color palette (#FFEDD6, #926200, #1C7509, #2F10C3, #030100)
- Bronze Station color palette (#FFEBE3, #A77A00, #4E6700, #004B27, #000303)
- Hushed Garden color palette (#FEDEE8, #754600, #004E5B, #1E007B, #040100)
- Soft Aubergine color palette (#FAD6C5, #AD6700, #227516, #56005C, #050300)
- Antique Courtyard color palette (#FFE6D8, #C14001, #006171, #690028, #060001)
- Timeworn Amber color palette (#ECDBCE, #CC6F10, #00774F, #854400, #010200)
Browse the whole catalog at Explore, or see today's palette.