Tempered Harbor color palette — #FFF1F5 · #C499E9 · #664E4B · #32282B · #130D12

A conversation between Mauve and Charcoal Brown, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Mauve (#C499E9): A luminous, balanced violet — the color of a velvet chair.
• Charcoal Brown (#664E4B): A full-bodied, dusty orange — the color of sun-warmed clay.
• Onyx (#32282B): quiet, heavy and certain.
• Ink (#130D12): quiet, heavy and certain.

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

• Blush Summit color palette (#FFF2F0, #F089AF, #7C4418, #332827, #140D0F)
• Antique Driftwood Basin color palette (#FAE8ED, #9771AE, #493539, #2B181E, #110A0D)
• Hushed Mallow color palette (#FFF1F1, #FFAFD8, #7ECCBC, #73B0A3, #483231)
• Patina Workshop color palette (#FFF1F0, #DE4696, #562500, #1B0909, #030101)
• Softworn Station color palette (#FAE2E0, #586167, #940112, #1D1C11, #0A0400)
• Linen Drift color palette (#FFF1F3, #ED05E2, #572E2F, #250C11, #040102)
• Plum Corridor color palette (#F6D7D2, #B00052, #2C3229, #220B00, #040000)
• Aubergine Courtyard color palette (#E6DAEA, #5F0072, #221A11, #160705, #040001)

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