Tempered Denim color palette — #FEF1F8 · #B7826A · #6E8953 · #256397 · #4C3542

Peacock and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Caramel (#B7826A): A luminous, dusty orange — the color of autumn markets.
• Fern (#6E8953): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#256397): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#4C3542): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Denim Alley color palette (#EDF9ED, #D2968C, #7D7A48, #4E5584, #5A3E4A)
• Ancient Veranda color palette (#FDEEE8, #C2817A, #3D957D, #256682, #2F1E16)
• Forest Loft color palette (#FFF0F7, #BA815D, #8B7445, #296F46, #4A3740)
• Timeworn Driftwood Coast color palette (#FAF3F6, #D1D8DA, #9DA3B0, #A5755E, #585054)
• Teal Alley color palette (#FEF0FC, #DF948D, #3AB19E, #4B829F, #463843)
• Pale Drift color palette (#E4FBF5, #6F8C51, #00827B, #633F86, #123B33)
• Antique Pine Grove color palette (#E3FEE4, #9C6B00, #017C27, #004C84, #3C2700)
• Softworn Pier color palette (#FFF2EE, #FFA6AB, #79C3D7, #7BA58C, #483935)

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