Tempered Boulevard color palette — #F1F7F2 · #D3DCDD · #B4AEA6 · #528D93 · #4C554E

Built around Storm Blue, softened by Charcoal Brown — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Ash (#B4AEA6): soft and architectural.
• Storm Blue (#528D93): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4C554E): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Hushed Villa color palette (#F4F6EF, #D3DDDA, #A5ACB8, #7A8A46, #52534D)
• Worn Workshop color palette (#ECF3F6, #D4D6DC, #B2ACB6, #428F9D, #2F383C)
• Ancient Thicket color palette (#F8F5EE, #C4C3A3, #5E8D77, #566C61, #544F00)
• Ancient Chestnut color palette (#FFF3E7, #67B8B5, #6475A5, #7C4D11, #354E41)
• Softworn Bronze color palette (#EBFBE2, #BDD4CB, #A98F98, #8C6C27, #515606)
• Timeworn Quarry color palette (#EEF8F1, #51A6B5, #995E58, #704A2A, #4A3B0F)
• Dusty Denim Field color palette (#E8F1ED, #D3C8D0, #AF9AA0, #005B84, #1D332B)
• Spruce Station color palette (#E3ECE6, #A294A3, #816875, #00313A, #000D04)

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