Muted Azure Harbor color palette — #F4F7E9 · #C7ECFF · #009CE1 · #00677A · #00203A
A conversation between Cornflower and Peacock, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E9): bright and airy, almost weightless.
- Frost (#C7ECFF): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#009CE1): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#00677A): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#00203A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Cerulean Workshop color palette (#F5F6ED, #A9F6F7, #00A5B3, #006B61, #00232A)
- Worn Periwinkle Lagoon color palette (#F4F7ED, #C0E0F3, #63ACF0, #007A9D, #3D233E)
- Denim Summit color palette (#EDF1E7, #7DA7CD, #0052A3, #00293A, #00000A)
- Dusty Petrol Thicket color palette (#E0EDE3, #82BCD8, #0071B0, #004A50, #001338)
- Weathered Lagoon color palette (#EEF0E0, #5EC7DD, #00738D, #003D40, #000306)
- Tempered Orchard color palette (#F6F6EA, #89DDD9, #008B90, #005346, #001012)
- Dusty Lagoon Studio color palette (#E6FDE3, #CEEBFB, #88E2FF, #008C76, #142D18)
- Cornflower Loft color palette (#E5FEE1, #00A8A0, #0A7FF4, #5D7600, #00100F)
Browse the whole catalog at Explore, or see today's palette.