Tempered Boulevard color palette — #F7F2FF · #FFD0D5 · #9EDCBA · #BF84AB · #2B4D4D

Dusty Rose and Pistachio set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F7F2FF): bright and airy, almost weightless.
• Shell Pink (#FFD0D5): A whisper-light, dusty red — the color of a theater curtain.
• Pistachio (#9EDCBA): A whisper-light, dusty teal — the color of shallow lagoons.
• Dusty Rose (#BF84AB): A luminous, balanced pink — the color of a candy shop window.
• Charcoal (#2B4D4D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Oat Coast color palette (#F2F5FF, #E8D3EC, #CBD28F, #9991CC, #2B4F41)
• Blush Villa color palette (#FFF1F2, #F2C5E4, #95CFF8, #D28FBF, #32554A)
• Wandering Stone Orchard color palette (#FFF0F9, #D9F8D7, #D0A290, #857388, #32443A)
• Softworn Taupe color palette (#F9F2FF, #E9D9D8, #D897A9, #8C5B6F, #34263F)
• Antique Lichen color palette (#FBF1FE, #EBFEC9, #AA7481, #4E4152, #1E1920)
• Misty Amber color palette (#FFF0F8, #FFC5AA, #5DCAF1, #C2724A, #1A3D50)
• Plum Boulevard color palette (#FFF1F2, #CF9FC0, #66A98C, #9B5789, #295845)
• Tempered Hollow color palette (#F8F2FF, #FFADE2, #82CCB7, #77AF9F, #3C3545)

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