Tempered Boulevard color palette — #F4EFCE · #7C9800 · #007936 · #004D35 · #002120

Olive Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#F4EFCE): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7C9800): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#007936): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004D35): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#002120): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Patina Canyon color palette (#DEE6CE, #499200, #096111, #003720, #001F21)
• Pale Emerald Atelier color palette (#E9F3DD, #009D61, #007967, #004449, #002534)
• Hazy Amber Courtyard color palette (#ECDCCE, #AF8A00, #676800, #195200, #002216)
• Misty Terrace color palette (#D3F3E5, #00B783, #007A5D, #003F2C, #000B06)
• Feathered Crimson Station color palette (#ECE9D5, #7E9100, #D60053, #4D5A00, #390010)
• Linen Jade color palette (#E2F0CF, #00C47C, #009284, #005C62, #003B4A)
• Chalky Pier color palette (#E3EBCE, #5FD6D5, #639FF3, #726000, #003221)
• Cocoa Canyon color palette (#F7E7D1, #92904D, #7F5800, #672600, #171700)

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