Tempered Boulevard color palette — #FFF2EE · #85B684 · #1F849E · #7E474C · #424B3A
A conversation between Cerulean and Sage, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Sage (#85B684): A luminous, balanced green — the color of new leaves after rain.
- Cerulean (#1F849E): A full-bodied, balanced blue — the color of deep harbor water.
- Coffee (#7E474C): A full-bodied, dusty red — the color of late-summer berries.
- Deep Olive (#424B3A): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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
- Muted Cobalt color palette (#FFF3E6, #68B8B0, #5576B6, #71522F, #3C4C42)
- Teal Courtyard color palette (#E3F8E7, #65C09F, #2E8692, #68455E, #1C3033)
- Lagoon Hollow color palette (#FFF2EC, #B7A76E, #2F896F, #704A6D, #514900)
- Mint Boulevard color palette (#FFF4E2, #79D3B2, #5B9FA9, #8C6164, #404C3C)
- Wandering Courtyard color palette (#F5F6EB, #7DA56D, #8B5C91, #794232, #48413D)
- Worn Chestnut Corridor color palette (#F6F6ED, #B8C7A1, #508D8E, #70681B, #415612)
- Ash Atelier color palette (#FBF3EF, #CAE8E5, #729EC7, #3C7C6A, #614B5A)
- Tempered Emerald Villa color palette (#FFF2EB, #00A570, #006795, #772800, #223D20)
Browse the whole catalog at Explore, or see today's palette.