Tempered Pier color palette — #ECDDE4 · #784BFF · #895400 · #125604 · #000204

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

The five colors

• Shell Pink (#ECDDE4): bright and airy, almost weightless.
• Violet (#784BFF): A full-bodied, vivid violet — the color of wild irises.
• Ochre (#895400): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#125604): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Wandering Byzantium Coast color palette (#FFE2EC, #A82EFE, #775E00, #00593B, #000206)
• Antique Brick color palette (#EBDFEB, #0078DA, #B71F00, #524E00, #000202)
• Softworn Byzantium Canyon color palette (#FFE7EB, #B000C2, #5D4E00, #004234, #000207)
• Feathered Veranda color palette (#FEE8F0, #7300C8, #563E00, #312200, #000202)
• Gentle Orchid Balcony color palette (#EFE4CE, #B644FB, #AF2579, #424E00, #18001B)
• Lilac Bloom color palette (#FFEDF3, #A885FF, #B07900, #00833E, #001D2D)
• Peony Lantern color palette (#F6DAD4, #FF478E, #127C17, #00617B, #0D0017)
• Wandering Fuchsia color palette (#FFDEDD, #FF67CF, #668300, #006F73, #1E0717)

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