Dusty Terracotta Harbor color palette — #DBE3FF · #9E7EA3 · #8C3E49 · #004534 · #002028

Garnet takes the lead with Forest close behind in a set that reads as sophistication at first glance.

The five colors

• Frost (#DBE3FF): A whisper-light, dusty violet — the color of wild irises.
• Heather (#9E7EA3): A luminous, dusty pink — the color of peonies in June.
• Garnet (#8C3E49): A full-bodied, balanced red — the color of embers at dusk.
• Forest (#004534): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#002028): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Cocoa Alley color palette (#DEDAFD, #787296, #743E49, #00392F, #00111C)
• Misty Mulberry color palette (#E0F3FF, #8481BB, #87427A, #104500, #001E1D)
• Muted Garnet Orchard color palette (#F9DCEE, #9B5470, #82152B, #392600, #111A02)
• Softworn Taupe Canyon color palette (#F0E2ED, #C380A0, #A26571, #6F5331, #231900)
• Denim Corridor color palette (#EAE9FF, #B5A0BE, #997288, #006678, #293658)
• Antique Bronze Alley color palette (#F9E0E8, #B6846E, #85712B, #314E7A, #1C2548)
• Airy Ultramarine color palette (#EADCE2, #82A6C3, #2762BE, #00494E, #10053E)
• Misty Coast color palette (#EDDAF1, #C93967, #00785D, #820038, #00140D)

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