Tempered Boulevard color palette — #F3F8E8 · #6AC775 · #8076C5 · #824757 · #211807

Clover and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#6AC775): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#8076C5): A luminous, balanced violet — the color of twilight just after sunset.
• Coffee (#824757): A full-bodied, balanced red — the color of late-summer berries.
• Ink (#211807): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Timeworn Moss color palette (#F8F6E4, #91AC29, #6085D0, #754570, #211103)
• Mint Courtyard color palette (#EFF9EA, #00D8BC, #6988CB, #7D4861, #3C2604)
• Ancient Teal Basin color palette (#EEF9E9, #00CABE, #9E679E, #894934, #221E06)
• Driftwood Boulevard color palette (#EEF9EC, #61CDC7, #69A3DC, #B6657D, #2B2916)
• Plum Alley color palette (#E5FDE9, #00AEBB, #B4357F, #713D00, #131600)
• Pale Garnet color palette (#E2F6F9, #3A9486, #305FA3, #78092B, #001611)
• Worn Terrace color palette (#E9FBE8, #00B5B2, #2F4E3D, #182118, #040603)
• Hazy Corridor color palette (#E8FED4, #00A086, #9500C9, #7D0308, #040600)

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