Tempered Corridor color palette — #E7DDF3 · #478D48 · #4A0032 · #311911 · #18000E

Fern takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Thistle (#E7DDF3): A whisper-light, dusty violet — the color of a velvet chair.
• Fern (#478D48): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#4A0032): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Onyx (#311911): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#18000E): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged luxury, dark, muted, warm.

Use it as a design system

One click turns Tempered Corridor 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

• Frosted Aubergine color palette (#DFDFF2, #00906F, #3C0056, #270B1B, #12001D)
• Olive Harbor color palette (#F7E5F0, #837F00, #461400, #1D2916, #170300)
• Moss Lantern color palette (#F6DBF2, #899E00, #730011, #3A0005, #1B061A)
• Washed Garnet color palette (#EEE4EB, #C5B4B9, #769786, #811008, #291926)
• Chalky Garnet Lantern color palette (#F5E9F9, #B78B14, #81003E, #380017, #06000A)
• Wandering Marigold Veranda color palette (#FFF1F6, #B7A13F, #693B00, #3A1F00, #28131C)
• Muted Amber color palette (#D5E2D5, #A8882E, #493000, #201300, #000B08)
• Weathered Lime Lantern color palette (#FDE4E6, #71BE0E, #9D398C, #53254A, #080001)

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