Tempered Denim color palette — #ECF2FE · #B9B77D · #465182 · #1B273F · #060C19

Peacock and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF2FE): bright and airy, almost weightless.
• Sage (#B9B77D): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#465182): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#1B273F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#060C19): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Muted Denim Grove color palette (#E7F4FE, #E2A095, #1E5B7E, #0F2A3E, #020E19)
• Washed Stone color palette (#F0F1FB, #9DCFC5, #5B5E7F, #2D2F45, #12131B)
• Feathered Aubergine color palette (#F2F0FF, #97B464, #6C2D76, #311037, #090418)
• Petrol Terrace color palette (#FDF1F9, #D3C39A, #636EA2, #383F65, #291D26)
• Ancient Denim Pier color palette (#EDF2FD, #A6AFE5, #A65F49, #555CA5, #170813)
• Hushed Market color palette (#DADEF2, #65A93F, #441C8F, #1A0043, #010015)
• Hazy Garden color palette (#EBE6F8, #84983E, #591B52, #250021, #03000A)
• Hushed Grove color palette (#DCFAF0, #A48FD0, #98506C, #00524A, #231E38)

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