Tempered Boulevard color palette — #FBEFEC · #B66979 · #507B45 · #4C4B7A · #291915

Mocha and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FBEFEC): bright and airy, almost weightless.
• Mocha (#B66979): A luminous, balanced red — the color of embers at dusk.
• Olive (#507B45): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#4C4B7A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#291915): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Hushed Denim Delta color palette (#FEF2EE, #B1786F, #31745D, #00537E, #442F34)
• Aged Olive Dune color palette (#F4F2E8, #8E9961, #597C4E, #464B77, #23190B)
• Taupe Field color palette (#FAF1E0, #D8979E, #8A7645, #3B527A, #39271C)
• Hushed Bronze Workshop color palette (#FDEEEB, #B57788, #95623C, #005A5B, #231311)
• Worn Hollow color palette (#F9F1E3, #A47A36, #22806E, #0C5648, #281418)
• Washed Balcony color palette (#FCEFE5, #BE926F, #3A7B91, #00556B, #282142)
• Bronze Ridge color palette (#FEF1D4, #8D7900, #625800, #003F64, #1E0900)
• Driftwood Courtyard color palette (#F8F0EC, #D8D7D0, #A8B0AA, #A5756B, #3B3532)

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