Hazy Harbor color palette — #DDEEE0 · #866200 · #393ECA · #493400 · #020023
Built around Cobalt, softened by Ochre — the whole palette hums with optimism and creativity.
The five colors
- Honeydew (#DDEEE0): A whisper-light, dusty teal — the color of sea glass.
- Ochre (#866200): A full-bodied, balanced gold — the color of honey in a jar.
- Cobalt (#393ECA): A full-bodied, vivid violet — the color of a velvet chair.
- Espresso (#493400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#020023): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.
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
- Misty Denim color palette (#FFECD9, #955900, #0057A8, #522F00, #000614)
- Grape Dune color palette (#D2E4DD, #677000, #751EB5, #373C00, #0B0018)
- Frosted Meadow color palette (#F5EAD1, #705300, #4C23B8, #3B2785, #030200)
- Hushed Brick Studio color palette (#F3D8EB, #C02000, #006180, #6B0D00, #00070C)
- Muted Amethyst color palette (#FFE8EA, #824AFF, #A15A00, #1D0606, #060002)
- Moss Lagoon color palette (#CFF2EB, #4FB125, #8F4CCC, #1B5200, #260440)
- Soft Bloom color palette (#BFEAD4, #B8AD29, #8259D0, #6D6600, #2F1A54)
- Chestnut Terrace color palette (#F4ECDD, #624F00, #004945, #281F00, #000807)
Browse the whole catalog at Explore, or see today's palette.