Dusty Coast color palette — #F7F5EF · #D8DCD3 · #A7B7BF · #8AAB93 · #504D44

Sage takes the lead with Ash close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Silver (#D8DCD3): a clean, paper-quiet neutral.
• Ash (#A7B7BF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Sage (#8AAB93): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#504D44): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. 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

• Softworn Hollow color palette (#EAF0E8, #C5D5C4, #90B095, #005A50, #010400)
• Lagoon Basin color palette (#ECF4EF, #CFD9D9, #A6B0BA, #648E77, #313834)
• Worn Coast color palette (#EEECE5, #BDBCA6, #7F9B77, #394100, #020100)
• Patina Driftwood color palette (#F8F5EF, #C5E0CC, #ADB47A, #A1813D, #574400)
• Tempered Jade color palette (#F9F5E7, #D3E6A3, #7AB377, #347E8E, #404038)
• Wandering Mint color palette (#F6F6E8, #98BB79, #535A0D, #2C2C1F, #10100A)
• Dusty Veranda color palette (#F4F7ED, #A4DBB2, #33ADB2, #3F6F98, #4A2F3D)
• Dusty Courtyard color palette (#F5F6EF, #D4E0D6, #ADD2B8, #4D873A, #1F200E)

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