Airy Mustard color palette — #F1F5FF · #AAA6FF · #C7A200 · #A48500 · #222A45

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

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Lavender (#AAA6FF): A luminous, balanced violet — the color of wild irises.
• Gold (#C7A200): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#A48500): A luminous, balanced green — the color of new leaves after rain.
• Midnight (#222A45): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

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

• Amber Balcony color palette (#EBEDFF, #D1AEFF, #AE8500, #009A6C, #23233C)
• Chalky Rose Courtyard color palette (#ECF7FF, #7CD3FF, #E85D6A, #A58500, #003043)
• Tempered Mint Drift color palette (#F1F5FF, #A7B3FF, #87C06A, #419DB8, #2B3344)
• Pale Tangerine color palette (#F2F5FF, #B2ABFF, #EF6D00, #008A6A, #003645)
• Hazy Moss Coast color palette (#EDF6FF, #64BAFF, #FF7A34, #43A108, #0B2E47)
• Aged Lilac color palette (#F3F4FF, #E4D5E2, #BEA99D, #B88DE9, #3E3E4C)
• Feathered Terrace color palette (#DEE3FF, #BEA6FF, #229E18, #0083B9, #23153F)
• Stone Canyon color palette (#FDF1FA, #F9ACA3, #A8C185, #5EA6B3, #473844)

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