Mustard Harbor color palette — #F9ECE3 · #F8B017 · #B2A000 · #6A8500 · #00481B

Built around Saffron, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Cream (#F9ECE3): bright and airy, almost weightless.
• Saffron (#F8B017): A luminous, vivid gold — the color of honey in a jar.
• Mustard (#B2A000): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#6A8500): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#00481B): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Sunflower Field color palette (#FFF3E4, #F6CD45, #AEA000, #5C6500, #283F00)
• Antique Moss Terrace color palette (#F9E6D2, #C8BD55, #8EA82B, #298649, #004639)
• Worn Marigold Courtyard color palette (#FFD2D2, #FFAB7D, #E29300, #937A00, #394400)
• Tempered Meadow color palette (#E5FFCE, #C6E47B, #9EB305, #718200, #202E00)
• Tempered Summit color palette (#DBF6E8, #B3D49B, #AEA759, #AA7227, #004129)
• Frosted Olive Archive color palette (#F2E6CE, #939E00, #4F8D00, #006A36, #00221F)
• Aged Mint Thicket color palette (#F0E6B7, #BAD185, #7DBE74, #3F997D, #005255)
• Linen Thicket color palette (#FFE9E6, #C2BDFF, #EBB500, #5D4811, #152C1C)

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