Weathered Mustard color palette — #FFF1F6 · #DACAFF · #B5C56B · #937AC4 · #3A3932

Built around Pistachio, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lilac Frost (#DACAFF): A whisper-light, dusty violet — the color of a velvet chair.
• Pistachio (#B5C56B): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#937AC4): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3A3932): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged light, muted.

Use it as a design system

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

• Hushed Market color palette (#FFF1F1, #FFBEDF, #7ECFA6, #BB6C97, #373933)
• Aged Marigold Station color palette (#FEF0FF, #B4D8FF, #EAAE57, #4E8ECF, #3C3732)
• Washed Ash Field color palette (#FFF1F6, #EBD6DA, #B3BCB5, #BC93AC, #563C42)
• Tempered Pewter Archive color palette (#FFF1F1, #FFE2A5, #9B5F87, #4E2E30, #1A0A0B)
• Pale Grape color palette (#F0F0FE, #B297C7, #A48C27, #8043A8, #302700)
• Mallow Quarry color palette (#FFF1F5, #D0A3FF, #DE994E, #3EA49A, #39242C)
• Worn Market color palette (#FAF2FF, #EDD2E0, #C18DD4, #705082, #2A1636)
• Washed Bronze Grove color palette (#FEF4E4, #E4DFB0, #B19B6A, #8E6025, #33322B)

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