Tempered Denim color palette — #E8EFF7 · #C4D1E3 · #98A7C0 · #005088 · #000308
A conversation between Peacock and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Frost (#E8EFF7): bright and airy, almost weightless.
- Lilac Frost (#C4D1E3): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#98A7C0): A luminous, dusty violet — the color of a velvet chair.
- Peacock (#005088): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Tempered Aubergine color palette (#EBEDF9, #CDCEE2, #A5A2BE, #5B23A7, #02020A)
- Worn Abyss Hollow color palette (#E2F1EC, #AD99A8, #92717F, #003A59, #000604)
- Cobalt Thicket color palette (#D8E3ED, #B0ADBE, #B38EAF, #0079B4, #081520)
- Softworn Harbor color palette (#F5F4FD, #E0D5DE, #C3B4D1, #873D8A, #0E081B)
- Tempered Harbor color palette (#F2E4F8, #AE79A8, #7C475E, #481F00, #110800)
- Hushed Harbor color palette (#D3E7DD, #869654, #385900, #00332F, #010100)
- Grape Coast color palette (#EEF4FF, #6FB8FF, #6D88FF, #7200EF, #01000A)
- Tempered Aubergine color palette (#F7E4E2, #606ACF, #55009E, #3A0012, #010009)
Browse the whole catalog at Explore, or see today's palette.