Tempered Denim color palette — #F8E9F9 · #4E90DD · #A16D00 · #0055A4 · #493005

Cobalt takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F8E9F9): A whisper-light, dusty pink — the color of neon signs at night.
• Azure (#4E90DD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ochre (#A16D00): A full-bodied, balanced gold — the color of honey in a jar.
• Cobalt (#0055A4): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#493005): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Denim 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

• Bronze Station color palette (#DBF6EB, #3098CD, #B55E00, #005E85, #532801)
• Muted Periwinkle Workshop color palette (#F8E0F6, #6B9DFF, #9C5C00, #305295, #2C1600)
• Pale Nightshade color palette (#FDE7F3, #877EE0, #7E7E00, #533EAE, #383804)
• Periwinkle Alley color palette (#E3F0FF, #64ABFF, #C3882D, #3273BD, #4A2F00)
• Washed Canyon color palette (#ECD6E9, #3562DA, #745300, #0600B0, #251800)
• Quiet Brick Lantern color palette (#F6DBF3, #4677CF, #C61A35, #2C6B22, #392238)
• Hazy Violet color palette (#FFD8E9, #9955FB, #667A00, #6300B7, #293300)
• Worn Courtyard color palette (#FFF0FD, #D9D7FF, #CB96E7, #347A9D, #4A3445)

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