Tempered Boulevard color palette — #FFF4DE · #BEB470 · #8E7300 · #5B4100 · #181200

Ochre and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#BEB470): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#8E7300): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#181200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, 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 Moss Harbor color palette (#FBF5E4, #C7CD91, #968D27, #665720, #262209)
• Gentle Rust color palette (#FFF2EA, #E6A073, #B75623, #70301F, #1E0E00)
• Deep Bronze Meadow color palette (#F1E7D5, #82721D, #4A3900, #1B1000, #010100)
• Muted Bronze color palette (#FDF4E7, #DDE0BF, #C7A979, #9E6F36, #513B00)
• Worn Bronze color palette (#EDDBCB, #B0783D, #753C00, #3B1400, #020100)
• Amber Garden color palette (#FFF2EA, #F6D6BC, #D18A69, #8D5D4F, #36302B)
• Softworn Courtyard color palette (#FEF4E1, #A78400, #007256, #00444B, #030004)
• Ember Boulevard color palette (#FFF2EC, #F04127, #777D00, #035F14, #120300)

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