Tempered Denim color palette — #ECF2FB · #CBD3E8 · #A5A8CC · #2957A9 · #0A1A30

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

The five colors

• Ivory (#ECF2FB): a clean, paper-quiet neutral.
• Lilac Frost (#CBD3E8): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#A5A8CC): A luminous, dusty violet — the color of wild irises.
• Cobalt (#2957A9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#0A1A30): 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

• Hushed Petrol color palette (#E6F5FC, #C4D7E4, #9AADC4, #006777, #001D29)
• Tempered Denim color palette (#E8E8F0, #CCC9D7, #AA9EB7, #61477D, #141422)
• Ancient Lantern color palette (#FAF2FA, #E3CBD6, #C09CA0, #0058AF, #3C2D3C)
• Cornflower Pier color palette (#EEF6FF, #DDD9E3, #CDACA5, #117CE9, #13263B)
• Pewter Field color palette (#F3F0F7, #DCD4D8, #CBB6BC, #8F6683, #2E2A34)
• Softworn Navy Quarry color palette (#E7EBF6, #8A8C9D, #6C677F, #251963, #00000A)
• Garnet Lantern color palette (#E8E4EC, #A89AAB, #887584, #5F1140, #08010F)
• Weathered Lilac Ridge color palette (#DADFFA, #B28ADB, #925C7D, #564900, #192B00)

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