Hazy Azure Harbor color palette — #F7F5EE · #E2EEA0 · #1DACE0 · #86932C · #071610
Built around Cyan, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F7F5EE): a clean, paper-quiet neutral.
- Butter (#E2EEA0): A whisper-light, balanced green — the color of new leaves after rain.
- Cyan (#1DACE0): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#86932C): A luminous, balanced green — the color of fresh herbs.
- Ink (#071610): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
Use it as a design system
One click turns Hazy Azure 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
- Weathered Periwinkle color palette (#F6F6EE, #CDF5A3, #659BFF, #6E9A31, #1B0C1A)
- Tempered Teal color palette (#F9F4ED, #FFE1AA, #00B5AE, #AC8229, #0C150B)
- Patina Celadon Balcony color palette (#ECF8F6, #B0E899, #44BFDD, #7FB26A, #17262E)
- Softworn Dune color palette (#F5F6EF, #B2EAEF, #A2A6F2, #7CA773, #271922)
- Gentle Hollow color palette (#F8F6E5, #92AB49, #5971D7, #874B1D, #1C1902)
- Gentle Lagoon color palette (#F5F7E2, #66E526, #0080DD, #317F00, #000205)
- Washed Violet color palette (#F0F8E8, #45FAC2, #9972FF, #00946F, #15030D)
- Pine Workshop color palette (#F1F3EB, #89C58D, #008875, #217830, #071103)
Browse the whole catalog at Explore, or see today's palette.