Tempered Harbor color palette — #F7F3FF · #FDD1D2 · #F59AC2 · #AF6C7F · #544358

Built around Carnation, softened by Mocha — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FDD1D2): A whisper-light, dusty red — the color of embers at dusk.
• Carnation (#F59AC2): A luminous, balanced rose — the color of pressed rose petals.
• Mocha (#AF6C7F): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#544358): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Washed Driftwood Dune color palette (#E8EAFF, #CB9FCA, #AB6886, #8B4F4E, #644458)
• Apricot Basin color palette (#FFF0FC, #EED8C5, #F79774, #AB6E50, #5C424E)
• Hushed Blush color palette (#FFEFFF, #E9DDD7, #EB919A, #97585C, #3C243D)
• Honey Dune color palette (#F9F2FB, #F7D3CB, #DDCE6D, #CF7E94, #324D3F)
• Tempered Ridge color palette (#FFF0FD, #FFB6B2, #D9B75C, #B494C0, #423340)
• Softworn Stone color palette (#FFF1F5, #CBEEE4, #CEA67B, #906F7D, #364339)
• Muted Boulevard color palette (#FFF1F4, #FFAAB8, #FF4B65, #AC1327, #65231A)
• Timeworn Tangerine color palette (#FFF0F9, #FFD3B9, #ED8313, #9D621D, #2E4B2D)

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