Mustard Boulevard color palette — #F3DBDA · #FFAE91 · #BCA400 · #83589F · #3F1419

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

The five colors

• Shell Pink (#F3DBDA): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FFAE91): A whisper-light, balanced orange — the color of sun-warmed clay.
• Gold (#BCA400): A luminous, balanced green — the color of fresh herbs.
• Slate (#83589F): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3F1419): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Quiet Moss color palette (#F1E0D9, #ECAE65, #7EB51E, #A34489, #3A1D05)
• Powdered Amber Market color palette (#FFE0E5, #FCA1B9, #E3810C, #5958A6, #3B1224)
• Hushed Apricot Workshop color palette (#EEDCDD, #F38C6E, #B87F3A, #75325D, #371D36)
• Apricot Bloom color palette (#FFD4C7, #FDB4A6, #FD9C6F, #C66986, #3A1111)
• Emerald Chapel color palette (#FEDFC9, #B2A263, #009657, #812B52, #180D00)
• Chalky Lime color palette (#FFF1F1, #FFCA88, #78DD4D, #B65DA8, #5E2D13)
• Amber Thicket color palette (#ECDCCC, #A28B1A, #875300, #6F1A05, #1A1700)
• Pale Moss Station color palette (#F0E2DA, #999800, #801700, #370500, #070100)

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