Hazy Harbor color palette — #FFF4E1 · #00C4B3 · #0266F2 · #5D4000 · #001C22

Built around Royal Blue, softened by Turquoise — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
• Turquoise (#00C4B3): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#0266F2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#001C22): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged retro, 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

• Amethyst Field color palette (#FFF5D6, #00C0D3, #6B44FF, #564400, #001B2A)
• Patina Clover Atelier color palette (#FFF0F9, #00CA7E, #007CAB, #782800, #001E1B)
• Timeworn Bloom color palette (#D8FFF3, #00B2E4, #7F4CB7, #344700, #00112D)
• Washed Violet color palette (#DAFFF0, #15D5F8, #8E5FFF, #585E00, #042A45)
• Pale Lantern color palette (#FFDFB4, #008E99, #0041C1, #4D3200, #002E3D)
• Gentle Cornflower color palette (#FFE1A2, #00C4ED, #4289FF, #B63B2D, #002D42)
• Airy Byzantium color palette (#DDFDFC, #06B875, #9F00C6, #3E4400, #0F1500)
• Navy Quarry color palette (#DDF1FF, #0088C1, #291768, #28242A, #000813)

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