Mustard Harbor color palette — #FFF2EB · #DFDBC8 · #CDB65C · #6D7D32 · #184F24

Built around Gold, softened by Olive Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDBC8): A whisper-light, dusty green — the color of a quiet forest floor.
• Gold (#CDB65C): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#6D7D32): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#184F24): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Mint Meadow color palette (#FFF3E6, #D7ECBD, #9DC478, #348259, #00483F)
• Fern Atelier color palette (#FFF1F7, #D2BA91, #8C8149, #5B601A, #315419)
• Tempered Apricot Market color palette (#FFF1F1, #E2D7D1, #E99A6F, #9B6B2A, #494500)
• Aged Chapel color palette (#FFEAFD, #E2B997, #99834B, #475917, #00331D)
• Chalky Emerald color palette (#FFF4DE, #CDD07D, #499F35, #006346, #002B2A)
• Hushed Balcony color palette (#F9F5EB, #C4AC64, #5D5700, #302A1E, #130F0A)
• Wandering Moss color palette (#E9E4D1, #8FAB00, #007F2D, #003C32, #00080A)
• Pine Lantern color palette (#FFF3E9, #F3CE4C, #96A200, #1C7206, #003528)

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