Mustard Harbor color palette — #FFF1F1 · #FFD0AB · #AEAF53 · #6E71A9 · #313A5B

Gold takes the lead with Slate close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Peach Cream (#FFD0AB): A whisper-light, dusty gold — the color of old brass.
• Gold (#AEAF53): A luminous, balanced green — the color of new leaves after rain.
• Slate (#6E71A9): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#313A5B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged vintage, retro, 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

• Aged Taupe Garden color palette (#FFF0F9, #BFE3C5, #8BAC75, #6C6D8A, #3F4055)
• Aged Cerulean Orchard color palette (#FFF0FE, #F8D3C3, #D2A375, #1B84A4, #2B4259)
• Softworn Cabin color palette (#FFDBE0, #D3A373, #74835B, #49577B, #202D53)
• Hazy Study color palette (#EBFAEB, #E1DD8F, #6FA43A, #855B7B, #0C3726)
• Honey Market color palette (#FFF3E5, #EAC262, #B2B06D, #54957C, #1B5955)
• Hushed Pine color palette (#ECDCD4, #BCA476, #3F7E39, #54366A, #24041C)
• Washed Stone Thicket color palette (#E3FDEB, #C9E4EA, #9FC7CF, #9184A0, #5E505D)
• Washed Moss color palette (#F4E3CF, #84983F, #006A52, #4C2145, #130010)

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