Hazy Harbor color palette — #CEEEFA · #008F9B · #C43716 · #006068 · #120100

Brick and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CEEEFA): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008F9B): A full-bodied, balanced blue — the color of open sky before noon.
• Brick (#C43716): A full-bodied, vivid orange — the color of autumn markets.
• Peacock (#006068): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#120100): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Balance. Tagged warm.

Use it as a design system

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

• Plum Basin color palette (#CCEEF1, #009473, #C23258, #00644C, #130003)
• Tempered Brick color palette (#D5ECEF, #007D8B, #C0002A, #8B4000, #000203)
• Worn Harbor color palette (#DBEFFF, #0089BC, #986500, #005C7F, #0B0400)
• Weathered Thicket color palette (#F3EBDB, #EB0042, #0082B0, #001A26, #000205)
• Muted Fern Hollow color palette (#DAEDDE, #007783, #5D5C00, #004047, #060600)
• Hushed Sky Thicket color palette (#DDEEFE, #60B7FF, #B48803, #00629F, #241900)
• Washed Amber color palette (#DAE7F7, #C96914, #12478B, #001334, #000207)
• Misty Ember color palette (#C8E2F5, #74CEFF, #D8693C, #008DC2, #4A1500)

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