Mustard Harbor color palette — #FFF1F6 · #EFAD36 · #965800 · #563000 · #26141B

Saffron and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Saffron (#EFAD36): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#965800): A full-bodied, balanced gold — the color of old brass.
• Espresso (#563000): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#26141B): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Balance. Tagged luxury, dark.

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

• Antique Lagoon color palette (#EAFAEF, #DBB657, #7F6600, #483900, #072012)
• Patina Brick color palette (#FFF0FE, #FAA455, #B3353D, #671C20, #261225)
• Straw Cabin color palette (#FFF1F7, #EADB7E, #9B5721, #4A2200, #12020A)
• Sunlit Amber Dune color palette (#FFF3E8, #F7C75B, #CD7403, #824D18, #2A1501)
• Worn Marigold Quarry color palette (#FFF1F7, #C29D00, #6E3800, #3D1C00, #2A111D)
• Patina Marigold Boulevard color palette (#D6E2D5, #C99D4A, #754B00, #3A2300, #050E05)
• Moss Hollow color palette (#EBF9EF, #E4B400, #629900, #937300, #00231D)
• Washed Driftwood Quarry color palette (#EFF7F5, #D8D3A5, #6D8756, #34544D, #232E2B)

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