Dusty Coast color palette — #D5DEF2 · #6976CB · #796B00 · #3600CD · #2F2900

Indigo and Periwinkle set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D5DEF2): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#6976CB): A full-bodied, balanced violet — the color of twilight just after sunset.
• Olive (#796B00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#3600CD): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Misty Aubergine Dune color palette (#D5DDF9, #8A7FD9, #4B7A00, #40009C, #1B3000)
• Frosted Courtyard color palette (#EAEEFF, #907FCE, #8D7800, #6030B7, #3F3500)
• Cobalt Coast color palette (#CFE0F3, #3881CD, #7E6900, #004987, #322800)
• Dusty Orchard color palette (#F7E7F4, #5B77D9, #007E64, #2331AA, #001710)
• Worn Aubergine Grove color palette (#DCDEF8, #8150B7, #5E5D00, #4E0083, #1C1C00)
• Soft Lapis color palette (#D2DEF7, #778DFF, #009C83, #4249DE, #003128)
• Misty Amethyst Garden color palette (#E5EAFF, #7251C2, #795800, #475400, #221344)
• Airy Delta color palette (#DEDAF4, #B271BE, #007F45, #60006F, #003218)

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