Dusty Coast color palette — #FCF2F6 · #D7DEF6 · #93C0FF · #4EA8AC · #3B4765

A conversation between Sky and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Frost (#D7DEF6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#93C0FF): A luminous, balanced blue — the color of open sky before noon.
• Turquoise (#4EA8AC): A luminous, balanced teal — the color of glacier melt.
• Navy (#3B4765): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Dusty 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 (#F4F6F0, #BBE8EB, #6EABDF, #2886A4, #534054)
• Dusty Aqua Station color palette (#FCF2F8, #B7EAF8, #40C4E1, #48A071, #1B3E57)
• Cobalt Chapel color palette (#F1E0EA, #56AEC9, #007BBB, #005E56, #000428)
• Wandering Periwinkle color palette (#FAE9EF, #AFD9F9, #75A1FF, #008F9C, #2B284C)
• Hazy Atelier color palette (#E3EDE2, #7CB6EA, #4F73FF, #006B79, #17013D)
• Taupe Courtyard color palette (#E5FBF4, #C3E8F8, #ABC3F2, #C4A670, #3A5754)
• Patina Market color palette (#F6F1EA, #C3E5D8, #6891BE, #166977, #3C2138)
• Azure Pier color palette (#E7DCE4, #88CDD5, #00A0CD, #008061, #00203C)

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