Misty Olive Harbor color palette — #F0EED2 · #577B00 · #00637D · #2D4100 · #001E29

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F0EED2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#577B00): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#00637D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#2D4100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#001E29): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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

• Bronze Delta color palette (#E9E0CE, #826B00, #006764, #453800, #00201F)
• Tempered Villa color palette (#D9EBD3, #2A6B00, #00595F, #553500, #041700)
• Olive Dune color palette (#DAF7E2, #009FB1, #7B7F00, #00626E, #373900)
• Worn Bloom color palette (#DCE7D2, #008065, #7A4F00, #004434, #281600)
• Twilit Basin color palette (#D6EAE5, #005F53, #3212A7, #002721, #040021)
• Pine Station color palette (#EBEED6, #137311, #7C3100, #053704, #1F0700)
• Emerald Garden color palette (#D7E5D2, #3B9E00, #265400, #0D2400, #021000)
• Teal Thicket color palette (#DFE2C0, #6FCD92, #00A98B, #405718, #1F2504)

Browse the whole catalog at Explore, or see today's palette.