Tempered Denim color palette — #FBF2F9 · #BC7B6B · #2E7863 · #114D86 · #3A3346

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

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Caramel (#BC7B6B): A luminous, balanced orange — the color of autumn markets.
• Teal (#2E7863): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#114D86): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3A3346): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Navy Field color palette (#EFF8F0, #A3885B, #1D6C85, #513F81, #3B2B3A)
• Softworn Chapel color palette (#F7F3FE, #AE7D97, #607834, #00585A, #2F3546)
• Hushed Cypress Coast color palette (#F7EEF9, #C27087, #007F5E, #5A4474, #1E1421)
• Hushed Canyon color palette (#ECF9EE, #C69E83, #847744, #18627B, #5A3F47)
• Worn Moss color palette (#FDF3EB, #DA9165, #6F944C, #52659C, #38322D)
• Driftwood Lagoon color palette (#FAF3F6, #DFD8D6, #A6B1BA, #A5755D, #595054)
• Timeworn Bronze Study color palette (#EBF5EB, #9A7640, #2F4137, #1E2D1F, #1F1818)
• Nightshade Balcony color palette (#FFF1F6, #9E5300, #005D5C, #1500B4, #351122)

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