Mustard Harbor color palette — #F7F6E8 · #BCC263 · #5A8FC7 · #536791 · #2C201B

Gold and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E8): a clean, paper-quiet neutral.
• Gold (#BCC263): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#5A8FC7): A luminous, balanced blue — the color of deep harbor water.
• Slate (#536791): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#2C201B): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Patina Sunflower Balcony color palette (#F8F5E9, #C8D576, #6CA1C1, #865C73, #4E2E2F)
• Weathered Apricot Lagoon color palette (#FFF3E8, #EEA069, #4C9BB9, #46715D, #311E20)
• Timeworn Studio color palette (#F0F8ED, #70CBB9, #61AACD, #758AB5, #3B3530)
• Wandering Mint Cabin color palette (#F4F7E9, #74CB8C, #B87B9F, #8B5D77, #31261C)
• Aubergine Meadow color palette (#EEF8F2, #918E5C, #3E72A1, #6B3B75, #422E3A)
• Weathered Lichen Veranda color palette (#FFF4DE, #EBFBB1, #8DC697, #448573, #004B51)
• Worn Straw color palette (#FFF3E8, #D9E59D, #71B19E, #8D666E, #424300)
• Patina Teal color palette (#F0F9E6, #00B89A, #B56192, #7D4866, #1F1405)

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