Terracotta Coast color palette — #DBDFFF · #AB9DD3 · #8F679C · #894548 · #4D4642

Coffee takes the lead with Slate close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Frost (#DBDFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#AB9DD3): A luminous, dusty violet — the color of wild irises.
• Slate (#8F679C): A full-bodied, balanced pink — the color of neon signs at night.
• Coffee (#894548): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#4D4642): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Terracotta 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

• Cobalt Alley color palette (#D8ECFF, #91A8D1, #7476AD, #734560, #5E3328)
• Cocoa Garden color palette (#F3DFFF, #CCA3CC, #9E6C86, #78513C, #623D00)
• Softworn Driftwood Hollow color palette (#EDDCF9, #9C7098, #7D4C62, #572D0F, #2B2600)
• Linen Bronze color palette (#C5EFFE, #A5C6DF, #8F8FCB, #846D00, #2A5328)
• Hushed Fern color palette (#A6F0FB, #84B2A2, #71749F, #645600, #1B3C11)
• Muted Bronze color palette (#FFF2EF, #D6BEB6, #A48878, #80671D, #454E40)
• Pewter Thicket color palette (#FBE9EF, #9A5760, #5F3028, #292200, #0E0838)
• Pale Amethyst color palette (#ECEEFF, #9C8CFF, #794ED6, #5D2998, #50276E)

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