Tempered Boulevard color palette — #E6F3E8 · #C59100 · #3D6C5D · #334135 · #130A0E

Built around Mustard, softened by Pine — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#E6F3E8): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#C59100): A luminous, balanced gold — the color of honey in a jar.
• Pine (#3D6C5D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#334135): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#130A0E): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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 Mustard Canyon color palette (#D5EBDF, #BAAE00, #517973, #3F4E46, #141A14)
• Hushed Tangerine color palette (#E9DBE2, #EE7200, #4B6A53, #48373F, #120A11)
• Feathered Delta color palette (#C6F2E5, #76A300, #19684A, #2C3A15, #000B04)
• Timeworn Cabin color palette (#FFF3E2, #B18000, #36352E, #160E03, #030100)
• Antique Jade color palette (#D7EDEC, #00BE7C, #1D7576, #1D4A4A, #071512)
• Antique Lagoon color palette (#C7EEF1, #00A381, #1E5D65, #1B3437, #000605)
• Muted Olive color palette (#D0F1E4, #687200, #003D1B, #111F23, #000A06)
• Muted Mustard color palette (#F4E6CE, #E2B600, #A0A303, #61863C, #1C492A)

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