Tempered Denim color palette — #F1EAE0 · #579AAE · #005070 · #00302F · #00152A

Built around Peacock, softened by Storm Blue — the whole palette hums with trust and stability.

The five colors

• Cream (#F1EAE0): a clean, paper-quiet neutral.
• Storm Blue (#579AAE): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#005070): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#00302F): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Hushed Onyx color palette (#F2ECE1, #6A9B8A, #004A89, #002F36, #03004C)
• Timeworn Lagoon color palette (#F5EEE2, #4F8D8A, #00454C, #002318, #000B11)
• Indigo Coast color palette (#D5EDE2, #72A2DB, #7261CD, #00454A, #001B33)
• Weathered Petrol color palette (#EDDDE7, #60AEC4, #006AAC, #004C3A, #0B0C37)
• Cobalt Veranda color palette (#DBEBDE, #6ABDD6, #008EC3, #006D6C, #00152A)
• Petrol Canyon color palette (#F5EDE2, #96BCA3, #007296, #00504C, #003150)
• Cocoa Bloom color palette (#E4F5EC, #006984, #832900, #003240, #220500)
• Muted Cerulean color palette (#FAF4EC, #99DCE2, #008EA9, #006859, #004661)

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