Dusty Coast color palette — #FFF4E2 · #BE93DE · #97667D · #665A04 · #554245

A conversation between Mauve and Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mauve (#BE93DE): A luminous, balanced violet — the color of a velvet chair.
• Mocha (#97667D): A full-bodied, dusty rose — the color of pressed rose petals.
• Olive (#665A04): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#554245): A full-bodied, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged retro, 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

• Periwinkle Summit color palette (#FDF4E5, #82A7EB, #7E6E99, #6F5432, #53424D)
• Blush Harbor color palette (#FFF4E2, #DE8AA7, #A06654, #496324, #55433E)
• Ash Chapel color palette (#F4F3E0, #AAA3DA, #996680, #1F5E50, #3A252C)
• Ash Veranda color palette (#E6FBF4, #BBB7EA, #B3809C, #3D7C6C, #46455A)
• Olive Parlor color palette (#FFF1F4, #DDB3B2, #A69088, #75772F, #44574E)
• Hushed Driftwood color palette (#FFF0F8, #D6C8F1, #DB98AF, #AE8250, #4D4258)
• Hushed Raspberry Orchard color palette (#FFEDEE, #A85DA0, #4A3735, #302527, #191313)
• Peony Boulevard color palette (#FFECCE, #C65D8C, #8E3F2D, #004D34, #48261E)

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