Misty Harbor color palette — #E4F8EB · #37B5D0 · #889800 · #007184 · #262B00

Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#E4F8EB): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#37B5D0): A luminous, balanced blue — the color of open sky before noon.
• Olive Leaf (#889800): A luminous, balanced green — the color of fresh herbs.
• Teal (#007184): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#262B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Aged Amber Basin color palette (#EAF6E6, #4CB8A8, #B38500, #007568, #342400)
• Soft Petrol color palette (#E4F7F1, #70A9DE, #4AA35E, #0068AD, #0B3014)
• Turquoise Station color palette (#E9F8FF, #00B3CB, #C0734F, #007283, #5F3724)
• Soft Violet Workshop color palette (#DBFBEC, #0E9ACE, #8A6AC6, #167D5D, #07241A)
• Feathered Iris color palette (#EBF6E3, #48BA9C, #6A85EB, #00765F, #1C2546)
• Ultramarine Loft color palette (#FFEBFC, #6792FF, #009976, #2147D2, #00281C)
• Timeworn Denim color palette (#F7EEF7, #89C2A4, #2D558B, #0D2749, #120912)
• Aged Meadow color palette (#E1F8EE, #B5E3E9, #A7C7FF, #488498, #243A32)

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