Dusty Coast color palette — #E7EBF3 · #BCC4D5 · #9BA3C2 · #405CA5 · #171F2E

Peacock and Blue Fog set the tone — five colors that lean into creativity and sophistication.

The five colors

• Frost (#E7EBF3): a clean, paper-quiet neutral.
• Stone (#BCC4D5): A luminous, dusty violet — the color of wild irises.
• Blue Fog (#9BA3C2): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#405CA5): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#171F2E): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Villa color palette (#ECECF8, #C5C2D1, #A8A0B9, #7D429A, #1E1D2F)
• Navy Corridor color palette (#E8EEF5, #B5B8C3, #8D8BA4, #003E94, #16202D)
• Muted Cobalt color palette (#E9E4E9, #CCBBBC, #CB989A, #4A81CC, #261B26)
• Ultramarine Boulevard color palette (#FBF2F9, #ECD3D6, #D8ACC3, #3958B3, #150713)
• Hushed Aubergine Market color palette (#E2E0EE, #A6A2B0, #8C8199, #5F2D69, #090713)
• Muted Byzantium color palette (#D8DEEF, #98B4FF, #917CFF, #984BD0, #1A0C3A)
• Pewter Dune color palette (#E8DBF5, #B48AB8, #93567F, #733D23, #402300)
• Muted Ash color palette (#F2F5FC, #DCD8E2, #C6BDCD, #858CB5, #444850)

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