Mallow Harbor color palette — #F9F6E0 · #CBB0E8 · #B8808D · #3B7B77 · #5B3F43

Lavender and Dusty Rose set the tone — five colors that lean into creativity and sophistication.

The five colors

• Cream (#F9F6E0): A whisper-light, dusty green — the color of fresh herbs.
• Lavender (#CBB0E8): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#B8808D): A luminous, dusty red — the color of embers at dusk.
• Teal (#3B7B77): A full-bodied, dusty teal — the color of shallow lagoons.
• Cocoa (#5B3F43): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Creativity, Sophistication. Tagged retro, muted.

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

• Blush Drift color palette (#E7FBF3, #E8D2FF, #D3899A, #407F79, #413C4E)
• Washed Powder color palette (#FEF1F6, #BCA5DC, #A88560, #267773, #274B38)
• Hushed Hollow color palette (#FFF4DE, #EA979B, #AA7D3A, #3F678A, #433B38)
• Worn Taupe color palette (#FFF1F4, #F0D1CD, #BEA693, #77887A, #405143)
• Worn Chestnut Orchard color palette (#FFF1F7, #C996AD, #A2626A, #725408, #504158)
• Scarlet Courtyard color palette (#F8FAC7, #E07DDC, #D14741, #006775, #4F263A)
• Chestnut Pier color palette (#FEEDED, #C385A7, #84442B, #433333, #271F21)
• Timeworn Peony Thicket color palette (#E7DEC1, #D464AD, #AF3F0B, #005160, #401020)

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