Tempered Boulevard color palette — #FEF4E2 · #957F3E · #24826C · #4E4595 · #36322C

Indigo and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Walnut (#957F3E): A luminous, balanced green — the color of fresh herbs.
• Teal (#24826C): A full-bodied, balanced teal — the color of shallow lagoons.
• Indigo (#4E4595): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#36322C): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Dusty Aubergine color palette (#FFF2EB, #B98F54, #347B48, #693477, #3F3D36)
• Ancient Lantern color palette (#FFF2ED, #AF6C66, #557E45, #1D548E, #38312E)
• Softworn Bronze Boulevard color palette (#FFECF2, #B2782A, #008399, #494B82, #25141A)
• Dusty Mulberry color palette (#F9F5E9, #96935E, #44899F, #7D497A, #3F3D36)
• Washed Alley color palette (#FFF2ED, #C06E66, #007368, #6E2A5C, #5E211D)
• Weathered Cerulean color palette (#FFF3E6, #C9924E, #009FC1, #6965A7, #37322C)
• Feathered Mulberry Harbor color palette (#E0F5E3, #008089, #2E5D89, #731859, #132D1A)
• Hazy Pier color palette (#E3EABC, #676F00, #005C98, #003F6B, #1F2200)

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