Dusty Harbor color palette — #F9F2FB · #E7D9E3 · #DDAFC0 · #D02A68 · #3E2A44

Built around Fuchsia, softened by Rosewood Mist — the whole palette hums with energy and sophistication.

The five colors

• Ivory (#F9F2FB): bright and airy, almost weightless.
• Silver (#E7D9E3): A whisper-light, dusty pink — the color of a candy shop window.
• Rosewood Mist (#DDAFC0): A luminous, dusty rose — the color of a warm blush.
• Fuchsia (#D02A68): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#3E2A44): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Sophistication. Tagged scandi, muted, light, vibrant.

Use it as a design system

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

• Wandering Scarlet color palette (#FBF2FA, #EDD7E2, #A7C8AB, #CF3741, #3D2D3B)
• Blush Delta color palette (#FCF1FD, #EDD1D8, #DEB5BB, #E76A7F, #3D2C3F)
• Hushed Magenta Boulevard color palette (#F6F3FE, #E6D9EA, #E3B0A6, #C21EB3, #362D48)
• Aged Studio color palette (#FDF3F0, #E3CDC5, #C79C86, #A9003E, #462B24)
• Weathered Scarlet Veranda color palette (#FCE0F3, #D33500, #4F3000, #360700, #0F0213)
• Chalky Ember color palette (#F8E0F0, #F04A00, #925B00, #005259, #440035)
• Worn Taupe Pier color palette (#F8F3F8, #E1D7D8, #ACB1BF, #C7888B, #575057)
• Peony Bloom color palette (#C9F0D7, #EB5DA1, #AC5100, #00537C, #530016)

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