Dusty Coast color palette — #F7F1EA · #C7E4DB · #748CC4 · #006B77 · #3D2232

A conversation between Slate Blue and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F7F1EA): a clean, paper-quiet neutral.
• Silver (#C7E4DB): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#748CC4): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#006B77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3D2232): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Ash Balcony color palette (#F8F0EC, #C7E6E3, #76A2C0, #5B7351, #422F40)
• Washed Cornflower Studio color palette (#FCEFE5, #A4D7FB, #5180D6, #006168, #211E49)
• Muted Alley color palette (#F4F6EE, #C4E5DB, #5F8DC3, #006B90, #34486A)
• Cobalt Thicket color palette (#DFF2E1, #5EB7D9, #2488BE, #2D4B84, #27274C)
• Softworn Cerulean color palette (#DDF9F1, #E7DBEF, #E7B6BB, #458599, #412F3D)
• Petrol Study color palette (#FCECFE, #72A8E2, #B5814D, #2C67A3, #3C1F00)
• Hushed Workshop color palette (#FEEBE2, #6DA7B3, #006086, #003A30, #000A20)
• Hushed Forest color palette (#F8F0EC, #B3D0B7, #3F869F, #005E44, #01223C)

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