Weathered Boulevard color palette — #F4F4FF · #FFD8FC · #F495AD · #B17170 · #5E4351

Ballet Pink and Mocha set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Thistle (#FFD8FC): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#F495AD): A luminous, balanced red — the color of a theater curtain.
• Mocha (#B17170): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#5E4351): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

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

• Patina Wisteria color palette (#F0F5FF, #EED3E9, #D191D4, #9A627E, #574457)
• Cocoa Veranda color palette (#FFEBEF, #D3A2C4, #B3728B, #8A5053, #783E19)
• Aged Apricot Thicket color palette (#F8F2FF, #F5D5CA, #FA9883, #AE7657, #3E543E)
• Muted Coral Field color palette (#FAF2FB, #F5D5C7, #81E1C9, #D67B86, #294D51)
• Blush Market color palette (#FFF0FE, #E8DDD7, #F39B9A, #9A595B, #331D33)
• Misty Scarlet color palette (#FFDDF4, #FF8A9D, #DB3600, #703200, #271A00)
• Quiet Ember Lantern color palette (#FFEEF4, #FFA8B0, #DA5F00, #834E00, #3E2E00)
• Muted Stone Harbor color palette (#EEF9ED, #BEE6E3, #C8A882, #8F6E85, #32433F)

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