Tempered Denim color palette — #F3E2D7 · #3E9CBA · #004D7B · #00302C · #040E38

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

The five colors

• Parchment (#F3E2D7): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#3E9CBA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004D7B): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#040E38): A deep, shadowed, balanced violet — the color of wild irises.

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

• Nightshade Lantern color palette (#F0DFCF, #4198CF, #0039B2, #002F33, #120A36)
• Ancient Workshop color palette (#F9E9E0, #009395, #004453, #002414, #000A15)
• Soft Petrol Atelier color palette (#EBD9E3, #63ADC7, #1A68B0, #004B3E, #0F073C)
• Worn Boulevard color palette (#E5F2E7, #7DBAD1, #008CCA, #006C6F, #00142D)
• Hushed Violet color palette (#D9F0F8, #78A6FF, #955CC3, #004C49, #00162B)
• Cypress Grove color palette (#D9EEE9, #007277, #004756, #002037, #0E0427)
• Obsidian Petrol color palette (#D2E7FA, #0071B0, #003B5E, #001120, #000306)
• Petrol Courtyard color palette (#F9EBE4, #72BED4, #116FA2, #005148, #1C2D4D)

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