Tempered Pier color palette — #FFD9E2 · #EBAEFF · #3CC83A · #AF16D5 · #053905

Orchid and Clover set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD9E2): A whisper-light, dusty red — the color of a theater curtain.
• Lavender (#EBAEFF): A whisper-light, balanced pink — the color of a candy shop window.
• Clover (#3CC83A): A luminous, vivid green — the color of new leaves after rain.
• Orchid (#AF16D5): A full-bodied, vivid pink — the color of peonies in June.
• Deep Forest (#053905): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Hazy Byzantium color palette (#E8DFFF, #D1BBFF, #8DBA04, #8C40E8, #253400)
• Ancient Basin color palette (#FFF1F4, #ED9EFF, #22B322, #9900B4, #022602)
• Hushed Byzantium Cabin color palette (#FFDADF, #FCA4FD, #04C49C, #B526BB, #00372A)
• Chalky Peony Thicket color palette (#FFF2F0, #FFA6C5, #27E1AE, #EF378D, #004633)
• Hazy Magenta Cabin color palette (#E2E0F8, #D150F6, #188716, #65007D, #021C01)
• Raspberry Station color palette (#FFDADA, #7ED871, #C6449A, #7B2A5F, #240206)
• Chalky Quarry color palette (#FCD4C7, #FFA7A9, #0ABD92, #BA3C4A, #003124)
• Hazy Study color palette (#DCE3FF, #9DAFFF, #D6AC20, #5C6BF3, #3A2C00)

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