Tempered Boulevard color palette — #F8F6E7 · #9EAA65 · #A47084 · #8F5547 · #37332D
Sage and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F6E7): a clean, paper-quiet neutral.
- Sage (#9EAA65): A luminous, balanced green — the color of fresh herbs.
- Mocha (#A47084): A luminous, dusty rose — the color of strawberry cream.
- Coffee (#8F5547): A full-bodied, balanced orange — the color of autumn markets.
- Espresso (#37332D): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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
- Antique Taupe color palette (#FCF4E9, #B79863, #91739E, #8F5C6D, #4F2500)
- Wandering Teal color palette (#F2F7ED, #6ABC98, #AD725D, #7A6025, #32312B)
- Lilac Thicket color palette (#EDF8F5, #A3CD84, #9C9CF1, #BA7771, #253C37)
- Weathered Iris Courtyard color palette (#EEF8F1, #62AFBD, #8382C1, #7A567A, #3D2C26)
- Dusty Courtyard color palette (#FCF5DD, #8D8D00, #BD3289, #9D2823, #352000)
- Antique Hollow color palette (#F2F8E9, #159C5F, #A04B2F, #684900, #252100)
- Garnet Hollow color palette (#F1F7EF, #579A8B, #476395, #733441, #31322B)
- Muted Taupe Harbor color palette (#F3F7F0, #D3DCD8, #A5B4B6, #8FA37D, #50544B)
Browse the whole catalog at Explore, or see today's palette.