Tempered Pier color palette — #E2DAF3 · #C86841 · #702764 · #2A0124 · #03000A

Coral Clay and Mulberry set the tone — five colors that lean into optimism and creativity.

The five colors

• Thistle (#E2DAF3): A whisper-light, dusty violet — the color of a velvet chair.
• Coral Clay (#C86841): A luminous, balanced orange — the color of toasted spice.
• Mulberry (#702764): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Indigo (#2A0124): A deep, shadowed, balanced pink — the color of neon signs at night.
• Black (#03000A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged luxury, dark, warm.

Use it as a design system

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

• Quiet Loft color palette (#EDDCEB, #C26F00, #821E26, #300005, #050005)
• Worn Plum color palette (#E4DAEA, #EDA57C, #AB5B7B, #68364A, #110617)
• Soft Station color palette (#D7E3FF, #D2596E, #3B359F, #0F0A3D, #00010E)
• Powdered Rust Study color palette (#F5DCEA, #FFAA2D, #CB5600, #803300, #1C0614)
• Softworn Orchard color palette (#FBE5FB, #E0904C, #A7404C, #5E2128, #070008)
• Muted Mulberry color palette (#F3EDF5, #B19AA2, #9C7F87, #A4335D, #0D0610)
• Frosted Corridor color palette (#EDE5F4, #C86394, #B71F00, #9D0064, #050004)
• Peony Pier color palette (#F8F2FF, #FFBD9F, #CB64A3, #85406A, #20142C)

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