Tempered Boulevard color palette — #F7EEF9 · #E5708F · #625261 · #3C353F · #242026

Rose takes the lead with Charcoal Brown close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F7EEF9): a clean, paper-quiet neutral.
• Rose (#E5708F): A luminous, balanced red — the color of a theater curtain.
• Charcoal Brown (#625261): A full-bodied, dusty pink — the color of peonies in June.
• Charcoal (#3C353F): quiet, heavy and certain.
• Onyx (#242026): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Muted Stone color palette (#FAF2FE, #DC98AB, #634D59, #302734, #100E15)
• Amber Orchard color palette (#FBEDF4, #DF7F3B, #695059, #41343A, #261F23)
• Softworn Harbor color palette (#F1F0FF, #C07CD8, #5A5567, #383642, #212127)
• Dusty Grove color palette (#FCEEEB, #EA9EB0, #AA684A, #624F4C, #271F1F)
• Quiet Scarlet Hollow color palette (#FFE6FA, #F52027, #61392B, #321F2F, #180D18)
• Tempered Apricot color palette (#FFF0F8, #E79D71, #A1AC6E, #AF839B, #4E3C45)
• Muted Amber Coast color palette (#D9EAD7, #C37E00, #3A5540, #263125, #1D1619)
• Tempered Shell Summit color palette (#FFF0FA, #FDAE97, #B9A5DF, #B67B6A, #484B62)

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