Tempered Pier color palette — #FFF0FD · #719AF9 · #583D45 · #251A23 · #020704

A conversation between Cornflower and Cocoa, giving this palette its sense of creativity and sophistication.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#719AF9): A luminous, balanced violet — the color of twilight just after sunset.
• Cocoa (#583D45): A deep, shadowed, dusty rose — the color of a warm blush.
• Onyx (#251A23): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#020704): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Aged Lilac color palette (#FFF1F4, #B888CF, #57403C, #2A181E, #090407)
• Timeworn Turquoise color palette (#E8FAEF, #17AFCF, #543E51, #122319, #040603)
• Softworn Harbor color palette (#DEE5F1, #87A6FD, #696E88, #3D4A60, #111921)
• Indigo Field color palette (#F2E5EF, #4D6CD2, #472436, #1D111B, #020806)
• Violet Parlor color palette (#FFE6F3, #7F55FF, #411B39, #2A190E, #15000C)
• Wandering Peony Orchard color palette (#FFF1F1, #C75FA2, #592200, #1D0809, #030001)
• Faded Grove color palette (#FFF1F4, #D8A2F4, #9AB66E, #819E50, #3C222A)
• Patina Dune color palette (#EEF6FF, #C9D6FF, #B199ED, #8A5E97, #572C42)

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