Tempered Pier color palette — #D6FFF8 · #5484F9 · #8C3297 · #0A550B · #332D5E

Built around Periwinkle, softened by Plum — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D6FFF8): A whisper-light, dusty teal — the color of glacier melt.
• Periwinkle (#5484F9): A luminous, vivid violet — the color of twilight just after sunset.
• Plum (#8C3297): A full-bodied, vivid pink — the color of peonies in June.
• Deep Olive (#0A550B): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#332D5E): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

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

• Pale Iris Hollow color palette (#D6F7EE, #7E79D0, #804269, #004C3A, #2D2C4A)
• Powdered Grape color palette (#DAFFEE, #0098CF, #644AAE, #494800, #15365E)
• Aged Indigo color palette (#F1F5FF, #7762ED, #7F4C00, #394600, #003936)
• Gentle Pier color palette (#FFEEE4, #AD76CE, #9B268C, #682700, #2C0B33)
• Wandering Ridge color palette (#FCF2F8, #95DBEC, #0089C1, #006859, #23406A)
• Wandering Lilac color palette (#DEEAFF, #B397CF, #9F6973, #39654F, #135051)
• Pale Grape color palette (#E4EAD9, #7242C5, #700442, #002B26, #25042E)
• Wisteria Lagoon color palette (#FFF0FA, #C58AEF, #B056A5, #973900, #482452)

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