Dusty Coast color palette — #FFF2EF · #FFBAC6 · #A8687A · #6E404B · #4F2C27

Mocha and Ballet Pink set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#FFBAC6): A whisper-light, balanced red — the color of late-summer berries.
• Mocha (#A8687A): A full-bodied, balanced red — the color of a theater curtain.
• Cocoa (#6E404B): A full-bodied, dusty red — the color of a theater curtain.
• Espresso (#4F2C27): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

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 Driftwood color palette (#FBF1FF, #FACEE3, #E7A0B4, #BC7185, #552B38)
• Sand Archive color palette (#FFF2E9, #F9B792, #AE7759, #6C4427, #3E3733)
• Tempered Mallow color palette (#FFF1F4, #E4B5ED, #9476AB, #63466A, #532F39)
• Hushed Taupe color palette (#FDF0FF, #FFC3CB, #C98C9E, #895566, #47304E)
• Lagoon Dune color palette (#FCF3EF, #EEAE9F, #5D8B5A, #975A4D, #2E2F28)
• Cocoa Orchard color palette (#FDF3EF, #CAC28C, #814E4B, #5F2307, #28231D)
• Amber Lagoon color palette (#FFF2EC, #C87765, #55869F, #38667C, #632A03)
• Tempered Bronze color palette (#FEE5CF, #B96900, #643300, #2D1200, #120600)

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