Tempered Boulevard color palette — #FFF1F3 · #FCD1D2 · #EAA0AF · #A5675E · #534C48

A conversation between Ballet Pink and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Shell Pink (#FCD1D2): A whisper-light, dusty red — the color of late-summer berries.
• Ballet Pink (#EAA0AF): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A5675E): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#534C48): quiet, heavy and certain.

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

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

• Chestnut Courtyard color palette (#FFF2EF, #E5D6CF, #E8A58D, #986B45, #6D4900)
• Timeworn Mallow Study color palette (#FFF0FA, #E5D6E3, #CB9FD9, #A27090, #684843)
• Raspberry Bloom color palette (#FFE4E0, #EBA7B9, #C06071, #804144, #39322F)
• Rust Archive color palette (#FFD9E4, #FF9089, #C34500, #6B3A00, #2D1E00)
• Taupe Veranda color palette (#FFF2EF, #F5D3C8, #8ADAEA, #C68490, #314E3B)
• Antique Amber color palette (#FFF1F1, #FFAB94, #D26E30, #7C4B00, #3E3100)
• Tempered Bronze color palette (#FBDACA, #B16D00, #6D4D00, #242100, #030600)
• Frosted Tangerine color palette (#FCD9D8, #EE6800, #915700, #433100, #0E0B00)

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