Misty Coast color palette — #F8ECE4 · #74D3F4 · #3D8DCA · #006D65 · #1C2B55

Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Cream (#F8ECE4): bright and airy, almost weightless.
• Sky (#74D3F4): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3D8DCA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006D65): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#1C2B55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Hushed Periwinkle color palette (#FCF3ED, #A7DDFB, #6798D6, #057B7E, #32375C)
• Azure Boulevard color palette (#EEF8F0, #D1DFFD, #009CE2, #00696D, #001E41)
• Worn Sapphire color palette (#F5E8DA, #83B7E3, #496DD0, #005862, #1F1642)
• Pine Balcony color palette (#FFF2EB, #9AECE9, #00AEC9, #00884F, #13455F)
• Aged Boulevard color palette (#FBEAE2, #12B6C9, #007095, #004C3B, #00142C)
• Dusty Powder Quarry color palette (#FBF3EE, #C2F3F3, #8EB5E0, #559391, #5E4C59)
• Ultramarine Drift color palette (#EEDECF, #529ACA, #2252AC, #003B3F, #080127)
• Peony Lagoon color palette (#FEE4F0, #D93F9C, #009163, #007975, #331124)

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