Tempered Pier color palette — #C4F6DE · #B4CCFF · #BA8AD1 · #006F70 · #001D17

Mauve and Teal set the tone — five colors that lean into creativity and calm.

The five colors

• Honeydew (#C4F6DE): A whisper-light, dusty teal — the color of shallow lagoons.
• Lilac Frost (#B4CCFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#BA8AD1): A luminous, balanced violet — the color of wild irises.
• Teal (#006F70): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001D17): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Creativity, Calm, Balance. Tagged pastel, light, muted, cool.

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

• Sunlit Wisteria color palette (#C7F6E8, #C5C5FF, #CD8CCF, #006472, #2C1127)
• Iris Drift color palette (#D8EDD7, #88CFFC, #949CE5, #1B6747, #002212)
• Ancient Wisteria Dune color palette (#DDF1FF, #B9CFFC, #C89BE2, #008B8F, #213857)
• Antique Iris color palette (#DFFDF4, #DCBDDB, #8595EA, #006286, #402944)
• Airy Peony Loft color palette (#EEDAEE, #B6A8F3, #B46CB0, #00505D, #020828)
• Pale Pier color palette (#F1F0FF, #EBC3FB, #EC7593, #155CAE, #2E133D)
• Shell Boulevard color palette (#FFEAFE, #EAD5D4, #F4B7B5, #578673, #3B2535)
• Driftwood Chapel color palette (#FDEDF3, #E5D4CE, #A6BAD4, #987693, #4A353B)

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