Misty Basin color palette — #F5EDE6 · #9ECAEB · #5182E2 · #006B73 · #2A2752

A conversation between Azure and Teal, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#9ECAEB): A luminous, dusty blue — the color of open sky before noon.
• Azure (#5182E2): A luminous, balanced violet — the color of a velvet chair.
• Teal (#006B73): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2A2752): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Misty 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

• Washed Station color palette (#F7ECE7, #88D2DD, #0093C1, #006E57, #0F2F4F)
• Weathered Azure Boulevard color palette (#ECF9EE, #D7DEFB, #5893E2, #00677A, #111943)
• Hushed Periwinkle color palette (#F8EAEF, #AFD9F7, #83A1F0, #00918D, #31254D)
• Hushed Parlor color palette (#DFF3F2, #7FB8E3, #136AB4, #004C65, #192E4D)
• Weathered Azure Market color palette (#FEF2ED, #ACE6F0, #00A9E1, #00856C, #234163)
• Violet Orchard color palette (#E0E0C7, #85BC57, #8467F8, #376200, #281F51)
• Soft Petrol color palette (#FAE9DD, #5BAECC, #006AAD, #004A46, #050D39)
• Washed Teal Ridge color palette (#EADFDA, #3EA3A6, #006278, #003E27, #000A15)

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