Hazy Harbor color palette — #FBECFB · #2775D5 · #7C2600 · #373A00 · #020D02

Royal Blue and Rust set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FBECFB): A whisper-light, dusty pink — the color of a candy shop window.
• Royal Blue (#2775D5): A full-bodied, vivid blue — the color of open sky before noon.
• Rust (#7C2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Olive (#373A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#020D02): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, 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

• Timeworn Mulberry color palette (#E4F7EF, #007AAA, #961932, #443500, #050E00)
• Powdered Lapis color palette (#FDECF4, #634EC0, #673F00, #004514, #000F07)
• Sapphire Drift color palette (#F0F5FF, #3F5CCC, #6C3900, #3F3000, #072625)
• Misty Balcony color palette (#F5E7D2, #7680DB, #7D3694, #483600, #260F1C)
• Cornflower Chapel color palette (#EEF6FF, #4293FD, #A13D1F, #4E5300, #052027)
• Nightshade Station color palette (#EEDAE9, #0C31BF, #4C1D00, #131A00, #000200)
• Faded Brick color palette (#E6FBF0, #00A9D2, #C71A32, #00523C, #001209)
• Worn Chestnut color palette (#FAEEF1, #9D79B3, #7A6614, #005B47, #0C201C)

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