Dusty Coast color palette — #FAF3F6 · #E1D7D6 · #B0ADA1 · #9E7386 · #575153

Built around Mocha, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#E1D7D6): bright and airy, almost weightless.
• Ash (#B0ADA1): soft and architectural.
• Mocha (#9E7386): A luminous, dusty rose — the color of pressed rose petals.
• Charcoal Brown (#575153): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Aged Lagoon color palette (#F3F5FD, #DFD8E0, #BAADAE, #929ABA, #505259)
• Hushed Pewter color palette (#FFF2EB, #C096C9, #9B6186, #754F36, #574144)
• Timeworn Mulberry color palette (#FBF3F3, #E5D6CD, #CBABA5, #894C73, #423737)
• Aubergine Market color palette (#EEE0E4, #A89498, #8A656A, #400060, #130409)
• Tempered Bronze Archive color palette (#FFF1F2, #E2BDBA, #AB887E, #8F6426, #4B5404)
• Tempered Market color palette (#F2E5E3, #C5B5B1, #AC8377, #77174A, #2D1918)
• Muted Basin color palette (#F4F6EF, #B9C6AA, #538E80, #4E6E61, #3E5615)
• Tempered Brick color palette (#FFF2ED, #E7CDBE, #D0987B, #AB0314, #581E00)

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