Tempered Denim Field color palette — #D8DEEF · #97B062 · #4F4A93 · #251B5C · #060A1B

Indigo and Deep Indigo set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#D8DEEF): A whisper-light, dusty violet — the color of a velvet chair.
• Sage (#97B062): A luminous, balanced green — the color of a quiet forest floor.
• Indigo (#4F4A93): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#251B5C): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#060A1B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged luxury, dark.

Use it as a design system

One click turns Tempered Denim Field 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 Basin color palette (#D2DFF1, #CC9A51, #1E51A3, #00245E, #020B1A)
• Dusty Grove color palette (#EAEDFE, #A1BF8D, #69549C, #3B2665, #121427)
• Soft Onyx color palette (#DFDBEA, #97B05C, #783976, #470047, #0D0719)
• Aubergine Loft color palette (#EBEDFF, #6BA452, #582685, #270044, #020012)
• Quiet Atelier color palette (#FFF0FA, #77D565, #3F4698, #10113D, #040002)
• Airy Coral Loft color palette (#DADCF2, #FF978D, #8566B4, #503D6E, #090917)
• Worn Garnet Alley color palette (#FEF0FF, #C0C06B, #A74255, #710127, #241326)
• Hushed Studio color palette (#E9D9E0, #D46562, #421776, #1E023D, #16050D)

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