Muted Mustard Harbor color palette — #EFF6FF · #CBC979 · #5471A7 · #33435A · #1C222B

Honey and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Honey (#CBC979): A luminous, balanced green — the color of new leaves after rain.
• Slate (#5471A7): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#33435A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1C222B): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Wandering Ridge color palette (#F1F5FF, #AEDFBB, #7878A5, #444C64, #272B36)
• Shell Ridge color palette (#EFF6FF, #FFAC96, #5770A8, #354358, #1A222F)
• Dusty Veranda color palette (#EEECFF, #83CA70, #7E4E87, #442A49, #161420)
• Patina Iris Basin color palette (#F0F5FF, #FFC3CB, #8490D0, #565F91, #1B2130)
• Weathered Ridge color palette (#F3F4FD, #E2D8E0, #D1BBC2, #9586B3, #464750)
• Weathered Summit color palette (#F1F5FE, #ADC2FF, #CD6F78, #677CC1, #2A202A)
• Worn Meadow color palette (#F1F5FF, #8995F2, #989346, #757136, #2C3342)
• Lilac Harbor color palette (#D9FDFF, #A4A7FE, #B46E86, #347061, #3B3A51)

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