Tempered Denim color palette — #FBF2F9 · #CCC18F · #4A5A92 · #473042 · #2E2123

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Sand (#CCC18F): A luminous, dusty green — the color of fresh herbs.
• Peacock (#4A5A92): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#473042): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#2E2123): A deep, shadowed, dusty red — the color of late-summer berries.

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 Petrol color palette (#EDF8F3, #DFB6A2, #31657F, #223F34, #1D2727)
• Dusty Mulberry Grove color palette (#FFF1F3, #A4B87A, #713771, #3E223E, #281A15)
• Softworn Ash Cabin color palette (#F1F5FE, #C3E9CB, #8C9FC3, #5E6D89, #272B33)
• Softworn Cobalt color palette (#FEF1FA, #FBBFC6, #717AA8, #5B4555, #31282E)
• Timeworn Raspberry Hollow color palette (#F9F3F7, #B0BCF7, #B35F78, #5D68A4, #3A2926)
• Ancient Lantern color palette (#FFF0F9, #72B74F, #423397, #231B54, #25151F)
• Patina Iris Ridge color palette (#FCF2F8, #7B82C5, #945B26, #185741, #3C2F38)
• Worn Driftwood Market color palette (#FAF3F5, #E2D8D4, #AAAEA1, #8979A0, #585053)

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