Mustard Harbor color palette — #F3EFFC · #CFAF69 · #714269 · #2C203E · #0E0B14

Gold and Charcoal Brown set the tone — five colors that lean into optimism and creativity.

The five colors

• Blush (#F3EFFC): bright and airy, almost weightless.
• Gold (#CFAF69): A luminous, balanced gold — the color of honey in a jar.
• Charcoal Brown (#714269): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Indigo (#2C203E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#0E0B14): a grounded near-black with real depth.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Ancient Basalt color palette (#FFF1F4, #A5B685, #66416C, #42242B, #251713)
• Wandering Amber color palette (#F7E2ED, #C19A41, #6D350F, #2C1121, #0D0207)
• Patina Basin color palette (#FFF1F1, #F2B496, #925F7C, #5D3636, #2F1B1B)
• Bronze Study color palette (#F4F0F9, #E697C0, #A36427, #8A4E6F, #160A0F)
• Aged Garnet color palette (#EAD9F4, #BB8C00, #730042, #2F0018, #06000C)
• Dusty Coral color palette (#E3F8E7, #E17781, #925C37, #00524B, #2E1B2A)
• Airy Rust color palette (#FFE7ED, #E7908D, #B45D43, #703D00, #342000)
• Tempered Station color palette (#F3F4FF, #B0F9CA, #806A9E, #343554, #0E0E19)

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