Tempered Pier color palette — #E4DFC8 · #677500 · #7325D7 · #870027 · #020200

Violet and Wine set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#E4DFC8): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive (#677500): A full-bodied, balanced green — the color of a quiet forest floor.
• Violet (#7325D7): A full-bodied, vivid violet — the color of a velvet chair.
• Wine (#870027): A deep, shadowed, balanced red — the color of late-summer berries.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Worn Aubergine Quarry color palette (#E8E8D9, #648F24, #7400A2, #782900, #020200)
• Feathered Ultramarine Orchard color palette (#F2E5C8, #806B00, #005CC3, #7B0063, #030200)
• Softworn Garnet color palette (#F7DED2, #00906A, #00637E, #730012, #000404)
• Aged Orchard color palette (#EEF2D9, #2F9833, #910052, #663A00, #020200)
• Aged Plum Bloom color palette (#EBEBD1, #73B42A, #BC0087, #7F5C00, #0F0E00)
• Gentle Parlor color palette (#CDEBF2, #00605B, #1921BC, #390062, #000203)
• Weathered Ultramarine color palette (#E8E9D9, #629D33, #0061C1, #366600, #050005)
• Raspberry Coast color palette (#E2DFCA, #A2C02E, #B74CA9, #A66000, #1F1B00)

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