Dusty Coast color palette — #F9F4EE · #C4E0F0 · #A9C9F4 · #6AAEBE · #604B5C

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Powder Blue (#C4E0F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#A9C9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#6AAEBE): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#604B5C): A full-bodied, dusty pink — the color of a candy shop window.

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

• Washed Teal Orchard color palette (#F9F4EE, #C1E0E5, #A8D3B7, #70B19E, #325244)
• Softworn Periwinkle Chapel color palette (#EDF4EF, #D6DBEF, #799FCF, #2F7686, #2A364C)
• Dusty Lagoon color palette (#FAF4EC, #C1ECD5, #71BBEB, #199EA3, #1E3C5F)
• Antique Oat color palette (#F7F7E1, #B1D493, #93C2F5, #DA9BA2, #43433C)
• Tempered Taupe Coast color palette (#F8F6E6, #CADEA5, #D8B8EF, #9DB275, #673F4D)
• Frosted Azure Bloom color palette (#EBE4DA, #96C7E5, #5396D9, #007B8A, #07194F)
• Hushed Balcony color palette (#F8ECDB, #7ABEBF, #0093A8, #006F58, #001720)
• Muted Studio color palette (#FFF2E9, #ECD5BD, #CCAF9A, #AB8A79, #604100)

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