Tempered Boulevard color palette — #FDF1F6 · #A7BFAD · #997483 · #7D504A · #394D46

Coffee and Mocha set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#FDF1F6): bright and airy, almost weightless.
• Stone (#A7BFAD): A luminous, dusty teal — the color of sea glass.
• Mocha (#997483): A luminous, dusty rose — the color of a warm blush.
• Coffee (#7D504A): A full-bodied, dusty orange — the color of toasted spice.
• Charcoal (#394D46): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged earthy, warm, 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

• Aged Chestnut Cabin color palette (#ECF9EE, #A0C1B2, #6A8A6F, #7A533E, #324E4A)
• Aged Grove color palette (#FDF2F6, #B6D4B8, #B79374, #8D677E, #3D4C42)
• Dusty Chestnut color palette (#FCEFE4, #CCB89D, #A37952, #80481C, #332B1A)
• Weathered Petrol color palette (#F0F6FB, #9BC6E7, #A8667C, #0674AE, #332A36)
• Mulberry Ridge color palette (#ECF7FF, #ABBFE4, #8F7CB3, #863B71, #712A2D)
• Fern Parlor color palette (#F0F5FF, #838DBA, #AB6973, #596628, #353D4D)
• Denim Coast color palette (#F0F6FE, #DCB2C5, #48607D, #263A51, #232330)
• Aged Fern color palette (#DBEDE4, #73A298, #6A6627, #5F3B00, #093839)

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