Dusty Coast color palette — #FFF1F6 · #A5CAE9 · #5778B1 · #005F65 · #303954

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#A5CAE9): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#5778B1): A full-bodied, balanced violet — the color of wild irises.
• Peacock (#005F65): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Navy (#303954): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Patina Veranda color palette (#FEF1FA, #84D5D6, #19859F, #216044, #1D3E57)
• Muted Cobalt Harbor color palette (#F8EFF2, #ABCCE6, #5F7AB5, #005C57, #22193B)
• Timeworn Iris Canyon color palette (#FBF4ED, #AFE1CF, #7693DA, #007C78, #3D3358)
• Dusty Chapel color palette (#FAF4EB, #C7E9DD, #8AB5EA, #009CB5, #2B3861)
• Hazy Raspberry color palette (#F4DAFA, #CD3A67, #007E6F, #175F79, #36233B)
• Timeworn Cerulean Veranda color palette (#F8E4F3, #17A0B5, #005070, #003127, #00132F)
• Weathered Taupe color palette (#FDF0FF, #FFD3C9, #C4A573, #835F86, #533C51)
• Airy Ridge color palette (#FBE6FF, #D6637A, #008E6D, #8D3247, #00402F)

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