Tempered Denim color palette — #DFF0E2 · #7FA0C0 · #325599 · #003746 · #07002F

Peacock takes the lead with Ink close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#DFF0E2): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#7FA0C0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#325599): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#003746): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#07002F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Washed Courtyard color palette (#DFEDE1, #6DA7AE, #006278, #003A32, #000C16)
• Hushed Garden color palette (#F0E4D7, #79A3CA, #3F46B3, #003E40, #2A0C46)
• Patina Sapphire color palette (#E7E1D7, #8DBDB0, #3A6FD6, #00566B, #171749)
• Navy Thicket color palette (#DAE4DC, #457EA8, #00387C, #001E26, #00000C)
• Cerulean Villa color palette (#EBF5ED, #A0CFE6, #4285A3, #005C58, #00223B)
• Indigo Workshop color palette (#FFF1F5, #A9D1F4, #6070D1, #005153, #140029)
• Hushed Denim Boulevard color palette (#DAEBD8, #935E00, #005C93, #4D2F00, #000814)
• Quiet Aubergine Alley color palette (#F0DBBC, #755000, #00585A, #5D0073, #060300)

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