Tempered Boulevard color palette — #DEFEF1 · #F3DDDB · #CFB9CA · #9D8083 · #644D4B

Honeydew and Heather set the tone — five colors that lean into sophistication and softness.

The five colors

• Honeydew (#DEFEF1): A whisper-light, dusty teal — the color of glacier melt.
• Shell Pink (#F3DDDB): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#CFB9CA): A luminous, dusty pink — the color of neon signs at night.
• Heather (#9D8083): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#644D4B): A full-bodied, dusty orange — the color of toasted spice.

Feels like: Sophistication, Softness, Clarity. Tagged vintage, retro, 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

• Softworn Cocoa color palette (#FFF0FA, #E7D6D6, #DEB8B1, #AE8C81, #7D411F)
• Hushed Stone color palette (#ECFAE8, #C3E6DD, #A8CDB8, #9D8A95, #5E4A51)
• Lilac Cabin color palette (#FFF0FA, #C8C0EE, #A27BB8, #7D454A, #431C11)
• Driftwood Pier color palette (#EFF6FF, #D5DFFF, #AFA5DB, #A1627A, #643739)
• Wandering Bronze Cabin color palette (#F3F9DF, #B9CDBC, #A691A0, #846920, #485306)
• Aged Powder Grove color palette (#F5F6EF, #C1DEE2, #8DCFF1, #649F92, #3E5344)
• Linen Blush color palette (#FFF0FE, #F5A8D7, #D9698B, #784F23, #463300)
• Tempered Powder color palette (#DAFFF0, #CDE8FF, #77BBFF, #6287BB, #5F465C)

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