Tempered Denim color palette — #E4F2ED · #DCC9D7 · #AB9DC9 · #00527E · #000302

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F2ED): a clean, paper-quiet neutral.
• Oat (#DCC9D7): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#AB9DC9): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#00527E): A full-bodied, balanced blue — the color of deep harbor water.
• Black (#000302): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Abyss Corridor color palette (#D7E3EC, #97A0B4, #7A7799, #003B57, #00050C)
• Ancient Nightshade color palette (#F6EAF2, #E0C8D1, #C6989D, #363CA7, #070005)
• Pewter Canyon color palette (#C3EBF8, #798DBB, #754F84, #253800, #000E07)
• Weathered Cobalt color palette (#E3E9F0, #AFAEC7, #9994AD, #1874C1, #071523)
• Weathered Mulberry color palette (#FEF1F4, #E9D5CA, #D5B2A7, #7E448E, #15080C)
• Aubergine Boulevard color palette (#E1E2D2, #0080B4, #5000A4, #1C1D00, #000105)
• Twilit Garnet Courtyard color palette (#DAEDE4, #007195, #720034, #051B00, #000200)
• Misty Delta color palette (#F2DDC6, #A18E1B, #405700, #1C235D, #020100)

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