Hazy Basin color palette — #DDF3F5 · #007A99 · #00456B · #001E50 · #100038
Built around Teal, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Frost (#DDF3F5): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007A99): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00456B): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001E50): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#100038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Hazy Basin 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
- Charred Onyx Garden color palette (#D4E8E5, #00687C, #00385C, #000850, #060015)
- Weathered Courtyard color palette (#CFECF5, #0093BC, #006DAC, #004C93, #020050)
- Chalky Navy color palette (#C9E8E8, #0085A2, #005D8D, #00218C, #180046)
- Dusty Ridge color palette (#DAE7DF, #008070, #004847, #00272D, #070E1F)
- Tempered Parlor color palette (#D5EEE7, #0062A6, #6A4100, #002E52, #190C00)
- Nightshade Pier color palette (#DEF1FF, #005CB0, #220095, #1D003F, #13000D)
- Tempered Denim color palette (#D5E8FC, #004F88, #5F3400, #3C2F00, #000815)
- Muted Garden color palette (#D6EBFF, #98A0EA, #A3549B, #00414E, #0B1535)
Browse the whole catalog at Explore, or see today's palette.