Tempered Boulevard color palette — #FAF3F8 · #CADBDD · #A7A6B2 · #BD7361 · #362A33

Caramel takes the lead with Espresso close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#CADBDD): a clean, paper-quiet neutral.
• Ash (#A7A6B2): soft and architectural.
• Caramel (#BD7361): A luminous, balanced orange — the color of autumn markets.
• Espresso (#362A33): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Timeworn Moss Ridge color palette (#EDF8F3, #CFDFE4, #BBB1B8, #959846, #223B31)
• Weathered Tangerine color palette (#FAF4F0, #DCD9D0, #C2C2AF, #E3815D, #5D2A00)
• Chestnut Coast color palette (#F6F0F4, #E3D2D0, #AABDAC, #8D533E, #261D23)
• Hushed Courtyard color palette (#FAF3F0, #DCDACA, #BAB39D, #8D5145, #602701)
• Dusty Basalt color palette (#E9F2ED, #ACC0BC, #7B989B, #453C00, #000201)
• Wandering Corridor color palette (#FFF1F0, #EBD1A6, #78A19C, #5A6880, #334159)
• Worn Olive Boulevard color palette (#ECF8F4, #CFDFE7, #B4C3D4, #6B802C, #0F231D)
• Blush Drift color palette (#E5FCEB, #FB9599, #937C25, #2F4F89, #341428)

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