Mustard Field color palette — #E5FBF1 · #C4C558 · #879AEA · #A8686E · #532A2F

Honey and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
• Honey (#C4C558): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#879AEA): A luminous, balanced violet — the color of twilight just after sunset.
• Mocha (#A8686E): A full-bodied, balanced red — the color of embers at dusk.
• Espresso (#532A2F): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

One click turns Mustard Field 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

• Mustard Meadow color palette (#ECF9EE, #EFB230, #5EA7E1, #A06791, #4E2945)
• Dusty Mint Drift color palette (#E5FAF9, #79D598, #BD89CD, #A2713F, #4E300E)
• Seafoam Veranda color palette (#EBF8F9, #81DCBC, #CD97AF, #AE7578, #52394C)
• Hushed Indigo Atelier color palette (#CDF1E4, #A7C221, #626CF3, #A44800, #3E1700)
• Tempered Clover Market color palette (#F3F8E3, #56BE6E, #3688BC, #794C72, #4E3011)
• Tempered Seafoam color palette (#D6FEF2, #ADE9D1, #A4B9CD, #9B8E9F, #57495A)
• Mint Meadow color palette (#E9F9F7, #80D08F, #339AA1, #824D23, #2E2D00)
• Wandering Coast color palette (#E9FAF0, #C0E0B2, #74BDA4, #7B9887, #2D4944)

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