Dusty Coast color palette — #EFF6FF · #9DBFFF · #C8A331 · #4571C7 · #322600

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sky (#9DBFFF): A luminous, balanced violet — the color of wild irises.
• Gold (#C8A331): A luminous, balanced gold — the color of old brass.
• Sapphire (#4571C7): A full-bodied, balanced violet — the color of wild irises.
• Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Apricot Drift color palette (#EBF7FF, #5ACEFF, #E19146, #0082AB, #3E1F00)
• Soft Lime color palette (#F2F5FF, #C0B2FF, #8EB84F, #7763BC, #1D2E00)
• Timeworn Lime Canyon color palette (#F1F5FF, #CCD0FF, #B2C666, #8082C3, #0D4234)
• Softworn Quarry color palette (#EFF6FF, #E4D9E2, #BCB0A0, #5993B3, #283046)
• Faded Byzantium color palette (#F9F2FF, #DDA7FF, #80A400, #8B23BC, #192300)
• Ultramarine Meadow color palette (#F3E4EF, #788CD8, #A37100, #3440BF, #281900)
• Bronze Alley color palette (#F0F5FF, #9AB6FF, #AA7B00, #5B823B, #0E1B30)
• Hushed Celadon Atelier color palette (#F2F5FF, #B5E091, #645993, #202541, #02030E)

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