Tempered Boulevard color palette — #E8F6EF · #8AAB7E · #007753 · #484062 · #00221E

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

The five colors

• Cream (#E8F6EF): a clean, paper-quiet neutral.
• Sage (#8AAB7E): A luminous, dusty green — the color of new leaves after rain.
• Pine (#007753): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#484062): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Onyx (#00221E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, 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

• Ancient Pine color palette (#E2FCF5, #82A779, #377144, #5E4150, #1F3B37)
• Aged Lagoon Drift color palette (#E5F6F2, #91C0A5, #00877D, #5C4E6C, #122C2C)
• Fern Workshop color palette (#D1EDD8, #909E37, #136E10, #63214A, #151800)
• Ancient Lantern color palette (#D4E7E2, #47A179, #00635D, #5F2218, #00170C)
• Weathered Coast color palette (#D2E8E0, #458A53, #005041, #43133D, #000A09)
• Antique Balcony color palette (#FAEEF3, #A9CCE7, #477CC6, #005B5E, #1A1C3F)
• Aged Villa color palette (#F6F6E9, #B5DDAE, #42A05E, #8A5524, #282A12)
• Wandering Marigold Terrace color palette (#D7F8D7, #D09B43, #906100, #482E00, #160900)

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