Mustard Canyon color palette — #EFF6FF · #ABCEFF · #F4AF34 · #6FA0E5 · #2F4A30

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lilac Frost (#ABCEFF): A whisper-light, dusty blue — the color of deep harbor water.
• Saffron (#F4AF34): A luminous, balanced gold — the color of honey in a jar.
• Cornflower (#6FA0E5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#2F4A30): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged light.

Use it as a design system

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

• Softworn Hollow color palette (#FEF0FC, #BDD5FF, #E8AE65, #6B8AC2, #3C3732)
• Sunlit Lilac Meadow color palette (#F2F5FF, #C9C3FF, #C3C45A, #9C8EF0, #204C3B)
• Soft Cobalt Terrace color palette (#EFF6FF, #87BAFF, #DCA032, #3A79CB, #553E14)
• Apricot Atelier color palette (#EBF7FF, #7ADAFF, #FFA37F, #37ADD5, #603625)
• Ancient Indigo color palette (#D9E4FF, #A5ADFF, #C4B520, #6966F3, #342F00)
• Wandering Sky color palette (#EFF6FF, #E0D9E2, #CFB1A1, #7FB4D8, #495266)
• Sunlit Blush color palette (#EFF6FF, #9DBDFF, #FF9089, #73B972, #2C394C)
• Softworn Apricot Atelier color palette (#FFF0F9, #EBC4D4, #DF997A, #AB7A73, #314231)

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