Tempered Harbor color palette — #F4EFFD · #C285AE · #625262 · #3B3445 · #212128

Built around Dusty Rose, softened by Charcoal Brown — the whole palette hums with creativity and sophistication.

The five colors

• Blush (#F4EFFD): bright and airy, almost weightless.
• Dusty Rose (#C285AE): A luminous, balanced pink — the color of a candy shop window.
• Charcoal Brown (#625262): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3B3445): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#212128): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Dusty Studio color palette (#FFF1F2, #DF91C6, #674E46, #332828, #130E0F)
• Wandering Mallow Garden color palette (#F5EEFF, #EA98CB, #83758B, #56525C, #222125)
• Raspberry Canyon color palette (#FEEDED, #AA608E, #503431, #342424, #1A1412)
• Softworn Amber Atelier color palette (#EFE0E8, #CC754A, #3F5342, #3A2732, #1D151D)
• Dusty Garden color palette (#FFF0FA, #DAA291, #72B49E, #2DA0C4, #52394A)
• Driftwood Pier color palette (#F1F5FF, #CFCCDD, #B8A4B6, #66878D, #3F5262)
• Patina Atelier color palette (#F6F3FF, #F1BAD1, #CF8093, #AC5A52, #6B495C)
• Hushed Coral color palette (#FCF1FB, #F0B1B3, #70C2BF, #CC6A70, #175857)

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