Tempered Pier color palette — #D9F6E8 · #FFAB9C · #B69FFF · #3F324C · #25262C

Built around Wisteria, softened by Melon — the whole palette hums with creativity and sophistication.

The five colors

• Honeydew (#D9F6E8): A whisper-light, dusty teal — the color of glacier melt.
• Melon (#FFAB9C): A luminous, balanced orange — the color of toasted spice.
• Wisteria (#B69FFF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal (#3F324C): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#25262C): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged neon, dark, vibrant, muted.

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

• Antique Hollow color palette (#EDEED7, #FFA3CD, #65B9FF, #3C3E54, #242D35)
• Mallow Station color palette (#ECDFC3, #FFBDAB, #FBA1FD, #735459, #2F2022)
• Feathered Parlor color palette (#F4F4FD, #C29FD2, #BB3B44, #7B4492, #2D1E2C)
• Fuchsia Summit color palette (#92FCE5, #FFC65D, #FA90FA, #4E3C4E, #302F34)
• Worn Pewter Cabin color palette (#F6F4FA, #E4D8DE, #D3B9C1, #946187, #49464D)
• Muted Courtyard color palette (#C7EFE2, #CDD600, #75C7FF, #2E463E, #212926)
• Plum Boulevard color palette (#F2EDFF, #DE95BC, #BD4B65, #8C2A29, #652500)
• Aubergine Courtyard color palette (#F3F4FE, #C4AB76, #5C4182, #332648, #201A25)

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