Dusty Coast color palette — #FAF4F0 · #DBDBD3 · #AABAB0 · #A0A67E · #59514C

Sage and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#DBDBD3): bright and airy, almost weightless.
• Ash (#AABAB0): A luminous, dusty teal — the color of sea glass.
• Sage (#A0A67E): A luminous, dusty green — the color of fresh herbs.
• Charcoal Brown (#59514C): 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

• Muted Amber color palette (#F8F5EF, #D5DCD1, #B1CAB9, #BF9A43, #3E3A34)
• Hushed Fern color palette (#FAF4EB, #E2E0BB, #82C7A5, #B19098, #554F00)
• Hushed Drift color palette (#FFF3E4, #FFBDB5, #B7B172, #7B8AB6, #6A3A00)
• Driftwood Summit color palette (#F7EFF3, #CCD6D7, #979FAA, #9B768B, #3B3338)
• Chestnut Bloom color palette (#F4EBE4, #A1A390, #7C9172, #9A4900, #100702)
• Antique Teal color palette (#FFF2EF, #FCAEBD, #4BC0A7, #947AAD, #5A3543)
• Olive Harbor color palette (#E4E2D6, #A1B8A6, #74A5B9, #6C7A00, #171404)
• Wandering Basin color palette (#FAF0E4, #E4AB59, #887D33, #744A01, #27201C)

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