Tempered Boulevard color palette — #E1FDF2 · #86B178 · #2A7B4F · #70452E · #29421F

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E1FDF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#86B178): A luminous, balanced green — the color of fresh herbs.
• Pine (#2A7B4F): A full-bodied, balanced teal — the color of glacier melt.
• Coffee (#70452E): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#29421F): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, 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 Olive color palette (#E8FCE9, #B0A45D, #64710F, #684B10, #433B07)
• Hushed Field color palette (#EDF8F1, #8EBBA8, #647C4C, #43624D, #2F493E)
• Hushed Moss color palette (#D6F3E7, #6EA349, #006D35, #434700, #1B3604)
• Tempered Cypress color palette (#E0F9ED, #87B58D, #007C6F, #6B375E, #02290C)
• Timeworn Lagoon color palette (#FCF6DD, #95CAA0, #009B8F, #8F507C, #184526)
• Linen Olive Alley color palette (#DAFEF6, #B2EDC9, #52D7CF, #747F00, #274A2C)
• Bronze Alley color palette (#DFF6E2, #887B1D, #404B00, #3E2A00, #1F1B00)
• Byzantium Terrace color palette (#DCFEF5, #80B725, #8C4BBE, #456900, #4B2469)

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