Tempered Boulevard color palette — #F7E9F2 · #B86B56 · #4D323D · #241B21 · #0F0B0F

Mocha and Charcoal set the tone — five colors that lean into sophistication.

The five colors

• Blush (#F7E9F2): bright and airy, almost weightless.
• Mocha (#B86B56): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#4D323D): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#241B21): a grounded near-black with real depth.
• Ink (#0F0B0F): 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

• Bronze Ridge color palette (#E6F1E8, #A37C1B, #2A4137, #172119, #100B0D)
• Coral Delta color palette (#FEEEE6, #DD7D64, #7C4B11, #3F3631, #26201E)
• Lowlit Workshop color palette (#F8D9E6, #9F5500, #372600, #210313, #080106)
• Timeworn Lagoon color palette (#FCF2F9, #EC9381, #445C46, #31282F, #110E12)
• Twilit Basalt Terrace color palette (#D0EEE1, #685B5C, #373A00, #152021, #010900)
• Wandering Courtyard color palette (#E7F7E7, #BF944F, #10A1A5, #8A6B94, #1E2B1F)
• Muted Periwinkle Loft color palette (#EBF5EA, #D6AA76, #6E9EDE, #93682E, #213246)
• Softworn Hollow color palette (#E9F5F2, #A4CDC9, #4F927A, #685C71, #1E3634)

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