Tempered Denim color palette — #ECDBE6 · #5A94A5 · #004C80 · #002D22 · #02001C

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

The five colors

• Shell Pink (#ECDBE6): A whisper-light, dusty pink — the color of neon signs at night.
• Storm Blue (#5A94A5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#004C80): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002D22): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#02001C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Timeworn Boulevard color palette (#E2EEE5, #509BB1, #005070, #00302F, #00152A)
• Hushed Hollow color palette (#EFE5F0, #428583, #004353, #002203, #000104)
• Muted Petrol Meadow color palette (#F4EDE1, #86C1D3, #00709B, #003E3D, #000308)
• Quiet Study color palette (#F0E1D8, #82AD95, #0069B0, #004C3B, #0E0046)
• Cobalt Archive color palette (#E4F4E9, #3FACB6, #4672C2, #333B00, #000705)
• Softworn Study color palette (#F8EFF4, #ABCDE1, #517FB2, #005D4E, #1C1A41)
• Soft Aubergine color palette (#CFE5E9, #006A5C, #770080, #00322A, #070009)
• Fern Lagoon color palette (#EEEEDA, #436B00, #00452A, #001E19, #000607)

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