Tempered Denim color palette — #DFE5EE · #BAC5D7 · #9AA4BF · #335EA7 · #17202B
Built around Peacock, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Frost (#DFE5EE): a clean, paper-quiet neutral.
- Oat (#BAC5D7): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#9AA4BF): A luminous, dusty violet — the color of wild irises.
- Peacock (#335EA7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Midnight (#17202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Aged Grape color palette (#E6E7EF, #C4C1D4, #A89FBD, #7844A0, #1E1E2C)
- Hushed Denim color palette (#F0F6FC, #DDD6E8, #BCB6D5, #0063A6, #020D1B)
- Washed Workshop color palette (#DBE5F1, #B2B9CA, #8A8AAC, #124676, #182029)
- Softworn Cobalt Parlor color palette (#EDE6ED, #D0B9BC, #BE9D9C, #4681CE, #281929)
- Dusty Violet Drift color palette (#F3F5FE, #DADBF6, #D2AFE0, #7F5FCC, #2F3240)
- Ancient Aubergine color palette (#E3E3EE, #A5A2B1, #9F7893, #602676, #090715)
- Muted Amethyst color palette (#D6E0F7, #81B3FF, #7A8AFF, #8546DC, #14053B)
- Lilac Harbor color palette (#E8ECFE, #AF84C6, #90578B, #6C3C32, #3C1B00)
Browse the whole catalog at Explore, or see today's palette.