Misty Drift color palette — #F2F8EA · #B0D2F4 · #3C7ED8 · #006087 · #273D71

Built around Azure, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#F2F8EA): a clean, paper-quiet neutral.
• Powder Blue (#B0D2F4): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#3C7ED8): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#006087): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#273D71): A deep, shadowed, balanced 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 Drift 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

• Cerulean Archive color palette (#F4F7E6, #95DAEF, #148CB2, #00656D, #004563)
• Faded Atelier color palette (#FAF0E5, #AFD4F7, #617DD4, #00606D, #26194E)
• Pale Azure Coast color palette (#E8F9F9, #D6DAF8, #86B9FF, #009CD8, #273D70)
• Misty Iris Canyon color palette (#FDF2F5, #BEDFFF, #7C97E8, #008091, #41346F)
• Muted Denim color palette (#DFE5D3, #6C94B4, #004A87, #002D3E, #001135)
• Weathered Indigo Boulevard color palette (#FFF2EF, #EA578A, #4A73F1, #A90053, #1D337B)
• Petrol Drift color palette (#EFF0E1, #81BEBF, #007681, #005049, #00343E)
• Worn Crimson color palette (#FFE4E2, #E03445, #8E6D00, #8437A1, #4F1F1F)

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