Tempered Boulevard color palette — #F9F2FF · #CEF3BB · #A45B7E · #41314C · #130C18

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

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Celadon Mist (#CEF3BB): A whisper-light, balanced green — the color of fresh herbs.
• Mocha (#A45B7E): A full-bodied, balanced rose — the color of a warm blush.
• Charcoal (#41314C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#130C18): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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 Bronze color palette (#FEF1FA, #E4ECB3, #A76053, #572921, #150C13)
• Aged Cocoa color palette (#F8EEF8, #D4A988, #7B4245, #351D36, #120812)
• Muted Sand Garden color palette (#FFF2EF, #F3D187, #C37E89, #795B54, #2A1F1C)
• Moss Bloom color palette (#F8F3FB, #FAD3CE, #77B149, #C6658D, #021613)
• Timeworn Emerald color palette (#FAF2FC, #E48195, #419B4F, #58478B, #261829)
• Amber Courtyard color palette (#EAFAEC, #FFB5B8, #AE8E0C, #4C5F9D, #412937)
• Blush Delta color palette (#FBF1FC, #F2929F, #60B27D, #3F76AB, #2D1F2F)
• Timeworn Chestnut color palette (#EDF9EF, #EBCC8C, #7D5E00, #342500, #000501)

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