Mallow Harbor color palette — #FFF1F0 · #FFB0D3 · #C9876D · #796A37 · #4B2F39

Carnation and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Carnation (#FFB0D3): A whisper-light, balanced rose — the color of pressed rose petals.
• Caramel (#C9876D): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#796A37): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#4B2F39): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Softworn Terrace color palette (#FFF1F5, #E1B9FC, #C6839A, #8A5F4E, #433146)
• Tempered Shell color palette (#FEF3EC, #FFB89D, #AE975D, #577549, #4F2E2E)
• Patina Boulevard color palette (#FEF2F2, #EFB0DC, #CAA16D, #51977E, #52384F)
• Stone Station color palette (#FFF2EF, #EFD4CB, #F6A09F, #A4706B, #6F3410)
• Wandering Blush color palette (#FFF1F0, #EF88B5, #664E49, #342827, #140E0E)
• Muted Bronze color palette (#F4F0FB, #B78DAA, #936831, #005B3E, #112843)
• Feathered Blush color palette (#FFF2EE, #FF8197, #B56800, #505600, #390838)
• Wandering Boulevard color palette (#FBF5E8, #C4E1CC, #ABB483, #9A7F76, #564400)

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