Mustard Harbor color palette — #F9F7D7 · #C9C700 · #8AB942 · #3B8753 · #34342D

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

The five colors

• Custard (#F9F7D7): A whisper-light, dusty green — the color of a quiet forest floor.
• Saffron (#C9C700): A luminous, vivid green — the color of new leaves after rain.
• Lime (#8AB942): A luminous, balanced green — the color of new leaves after rain.
• Fern (#3B8753): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#34342D): a grounded near-black with real depth.

Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light.

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

• Gentle Bloom color palette (#FFF4DF, #FFBD5E, #B39B00, #6D7B27, #302E27)
• Weathered Honey color palette (#F4F4D9, #E9C646, #92BE54, #009E73, #042000)
• Frosted Celadon color palette (#F3F8E1, #B9F982, #64C981, #3F9C7F, #3B3E37)
• Chalky Meadow color palette (#F1F9E0, #70EC68, #00BE72, #008374, #003928)
• Misty Lime Drift color palette (#E4FBF4, #F1D562, #99C754, #00B489, #1B3C17)
• Tempered Fern color palette (#FCF5E4, #9E9F63, #5C6B1F, #4E4B44, #37352F)
• Antique Abyss Hollow color palette (#E5EBD4, #A4B691, #62785C, #2F5E53, #513B4D)
• Olive Workshop color palette (#E0E3C1, #86A200, #278F07, #006A4B, #002005)

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