Tempered Mallow Harbor color palette — #F2F5FF · #F5D3E3 · #E29FBE · #AC717A · #5F4056

Carnation takes the lead with Mocha close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Shell Pink (#F5D3E3): A whisper-light, dusty rose — the color of a warm blush.
• Carnation (#E29FBE): A luminous, balanced rose — the color of a warm blush.
• Mocha (#AC717A): A luminous, dusty red — the color of embers at dusk.
• Cocoa (#5F4056): A full-bodied, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Powder Orchard color palette (#EEF6FF, #DDD6E9, #BBA6E1, #8D6992, #554666)
• Peony Meadow color palette (#F2F0FF, #D19EC8, #BB669A, #804457, #3F2C42)
• Tempered Atelier color palette (#F7F2FF, #EBD9D1, #DE9782, #9B6D4E, #36543D)
• Wandering Cabin color palette (#FAF2FC, #F6D4C9, #9BDDB5, #CB8190, #224E4E)
• Feathered Ember Workshop color palette (#FFECF8, #FF9DB6, #DA6452, #854600, #382600)
• Antique Rose color palette (#FCF1FF, #FFB4E8, #F45782, #B43700, #572800)
• Timeworn Scarlet Alley color palette (#FDD0FF, #F77BB0, #D03A48, #872F00, #2F1900)
• Frosted Amber color palette (#FFE9E5, #FFA173, #B47C00, #675500, #252E00)

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