Tempered Denim color palette — #F0F5FF · #BDDAC2 · #6A7E9F · #3E4C70 · #262C36

Peacock and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Oat (#BDDAC2): A whisper-light, dusty teal — the color of shallow lagoons.
• Slate (#6A7E9F): A full-bodied, dusty violet — the color of wild irises.
• Peacock (#3E4C70): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#262C36): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: 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

• Hushed Denim color palette (#F1F5FC, #D0BF91, #495D8B, #2C394E, #25242B)
• Wandering Pewter color palette (#F6F3FC, #DAC18D, #8E6085, #5A3252, #241F2D)
• Softworn Loft color palette (#FCF1FA, #F1DDA1, #889ECD, #7B6578, #312830)
• Hushed Ridge color palette (#F2F5FC, #C1D0F9, #CE8294, #8181D6, #352938)
• Antique Ash color palette (#F4F4FB, #DED8DE, #BBADAF, #A491BF, #51525B)
• Patina Alley color palette (#F2F5FF, #9D96CC, #AF7E42, #407549, #1F3442)
• Dusty Ash color palette (#EBFAED, #CBB2DF, #BA7D99, #68763B, #49435C)
• Wandering Lapis Bloom color palette (#F2F5FF, #DCB561, #6B51BF, #3C2B72, #141830)

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