Quiet Boulevard color palette — #FFF2EF · #F390A9 · #AB7B00 · #546523 · #171F10

Mustard and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F390A9): A luminous, balanced red — the color of a theater curtain.
• Mustard (#AB7B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#546523): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#171F10): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Misty Amber Dune color palette (#FFF2F0, #F79ABC, #CD6A3F, #715900, #19320E)
• Softworn Moss color palette (#FCF3EE, #F1A78D, #889733, #3B7658, #1A281D)
• Mallow Quarry color palette (#FFF1F6, #C1A7FF, #BC9B51, #928047, #1A2F23)
• Peony Dune color palette (#FFF2EA, #F1B5E6, #D16B96, #82592D, #45292A)
• Bronze Summit color palette (#F1F7ED, #1FBA91, #C3610E, #735E00, #1C1D0C)
• Soft Veranda color palette (#FCF4E8, #BD8A00, #00844F, #005B61, #00130E)
• Airy Iris color palette (#EEF1FF, #8C75CA, #865A00, #034F19, #01121E)
• Hushed Fern Studio color palette (#FDF4E2, #6E6200, #005948, #002630, #000108)

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