Misty Mustard Harbor color palette — #FFF3E6 · #F0AA00 · #A67E00 · #554800 · #1E1D00

A conversation between Saffron and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#F0AA00): A luminous, vivid gold — the color of afternoon light on wheat.
• Mustard (#A67E00): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#554800): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1E1D00): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Misty 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

• Washed Terrace color palette (#FFF4DA, #E19A00, #847200, #00533F, #211600)
• Gentle Bronze color palette (#FFF2EE, #FFAB84, #BF6200, #6D4200, #271700)
• Worn Lagoon color palette (#FFF6C9, #C0C200, #758E00, #3A5A00, #031F01)
• Apricot Alley color palette (#FCEBE9, #FF9A4C, #C48D00, #6D6E00, #133200)
• Amber Cabin color palette (#EFDEDB, #D36F00, #775A00, #363700, #011601)
• Moss Orchard color palette (#FEF5DA, #A79E00, #008042, #00494C, #001327)
• Pale Thicket color palette (#FFF3E2, #E3DABF, #FFC34F, #B39E00, #231900)
• Wandering Moss Boulevard color palette (#FFF5D8, #D0CC81, #7B9843, #006F6A, #00373F)

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