Tempered Pier color palette — #E7FCE6 · #AB6F00 · #006284 · #6C0664 · #4D1647

Built around Mulberry, softened by Ochre — the whole palette hums with trust and stability.

The five colors

• Honeydew (#E7FCE6): A whisper-light, dusty green — the color of a quiet forest floor.
• Ochre (#AB6F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#006284): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6C0664): A deep, shadowed, vivid pink — the color of neon signs at night.
• Royal Purple (#4D1647): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged 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

• Tempered Nightshade Grove color palette (#E5F7ED, #847900, #3A4B9D, #5D2047, #43151B)
• Aged Rust color palette (#FFF0F9, #CB5300, #00637F, #492288, #35225D)
• Faded Garnet color palette (#F9F2DB, #8D8700, #006D45, #6E0020, #251300)
• Softworn Station color palette (#E8FAF5, #679940, #735291, #6C3249, #50231E)
• Mulberry Drift color palette (#C2F3F5, #00825E, #88005C, #630027, #4B0102)
• Tempered Lantern color palette (#FFE8CB, #8EB476, #478F8F, #6F4E6A, #623340)
• Worn Teal color palette (#E3FBF7, #3CBAA1, #007786, #753D4A, #0B4349)
• Wandering Nightshade color palette (#D2EDE0, #5C5B00, #29049B, #3F001D, #210100)

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