Tempered Denim color palette — #F3ECE1 · #83AD96 · #005B82 · #002B2C · #000104

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

The five colors

• Cream (#F3ECE1): bright and airy, almost weightless.
• Sage (#83AD96): A luminous, dusty teal — the color of sea glass.
• Peacock (#005B82): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002B2C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Orchard color palette (#F4EDE1, #94C3AC, #006DA6, #003D41, #00020B)
• Nightshade Balcony color palette (#F0E8DB, #83A6C9, #274DA6, #002936, #01000A)
• Washed Quarry color palette (#DFE9E1, #3F8CA3, #00425F, #002223, #000919)
• Timeworn Cobalt color palette (#FBECE3, #5BADC5, #0079C5, #005F4A, #05002C)
• Misty Azure Pier color palette (#D5E5C6, #5DC6C3, #00A1CC, #005528, #000201)
• Faded Mulberry Archive color palette (#DAE4CD, #007E5A, #920077, #003423, #040002)
• Lowlit Olive color palette (#D6E7C8, #2A8C27, #004828, #001A13, #000201)
• Antique Periwinkle color palette (#FBF4E9, #CFE9FF, #5A92E4, #00677C, #121747)

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