Hazy Basin color palette — #DFF3F1 · #83D0F1 · #2A90C3 · #00697A · #05314D

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

The five colors

• Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#83D0F1): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#2A90C3): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00697A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#05314D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Ancient Study color palette (#EAF9F8, #B3DAF9, #629BCF, #297691, #243B5A)
• Ancient Petrol color palette (#E7F2E9, #8FB7D1, #046EA7, #004F54, #122D54)
• Tempered Azure color palette (#FEF1F8, #D4E0FE, #6193D8, #006B5E, #1C1641)
• Sunlit Denim Field color palette (#D6E9E9, #5A99CB, #0058A4, #00384D, #000623)
• Turquoise Atelier color palette (#EAF9F6, #87EFEF, #00B0BD, #008476, #004854)
• Dusty Boulevard color palette (#D5E8E5, #00B5CC, #00728A, #004A4B, #001720)
• Weathered Powder color palette (#EDF8F7, #D7DCEB, #88B7DC, #618DA4, #465463)
• Aged Study color palette (#E5D8F1, #F34DB2, #0388EC, #A03174, #002A4F)

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