Dusty Coast color palette — #F6F6EE · #D2DCD5 · #AAB8A7 · #536E2B · #3C3B30

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

The five colors

• Ivory (#F6F6EE): a clean, paper-quiet neutral.
• Silver (#D2DCD5): a clean, paper-quiet neutral.
• Ash (#AAB8A7): A luminous, dusty green — the color of new leaves after rain.
• Olive (#536E2B): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#3C3B30): a grounded near-black with real depth.

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

• Hushed Driftwood color palette (#F5F6EE, #D4DCD4, #ADC7B5, #6A8B5C, #3B3B33)
• Worn Olive color palette (#EBF4F2, #C8DADF, #A1BEBD, #497135, #182321)
• Ancient Basin color palette (#FAF5E5, #9D9E77, #1E7450, #524D00, #36362F)
• Hushed Petrol color palette (#EFF8F1, #CCDDDE, #C8B5C5, #007884, #354438)
• Tempered Abyss color palette (#E6ECDF, #A1ADA0, #698876, #00432B, #0F1700)
• Denim Archive color palette (#EAF0EC, #C0D0CB, #AF98A8, #005F71, #1F3327)
• Timeworn Cocoa color palette (#F0E6C7, #9DA57F, #3C878B, #7A444E, #6D3901)
• Ancient Garnet Corridor color palette (#FFEADC, #7A904B, #00695D, #740945, #30312A)

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