Tempered Boulevard color palette — #FFF1F2 · #FFC2D3 · #E08179 · #9E5E3D · #563B11

Built around Watermelon, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFC2D3): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#E08179): A luminous, balanced orange — the color of toasted spice.
• Ochre (#9E5E3D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#563B11): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Powdered Blush Dune color palette (#F7F3FF, #F9C3FE, #D77EA9, #9A4C4E, #62372B)
• Patina Ember color palette (#F5DDFF, #FFB7BF, #EF8581, #CC634C, #68391E)
• Stone Boulevard color palette (#FFF2EF, #F2D6BB, #E0A97E, #917746, #5E4700)
• Patina Apricot Drift color palette (#FFF2EA, #E1D8CD, #DD926E, #84441A, #390C00)
• Dusty Scarlet Parlor color palette (#FCE2E0, #E892A1, #C74449, #833120, #36302B)
• Amber Thicket color palette (#FFF2EB, #FFC4B2, #57CFD7, #C56F54, #004145)
• Ancient Taupe Delta color palette (#FDF4E2, #E2DFBA, #AB9E6A, #886240, #31332C)
• Hushed Lagoon color palette (#FFE7DF, #F09A07, #A27900, #4B4B00, #0D2200)

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