Tempered Pier color palette — #F2DBE2 · #7594FF · #5EA300 · #0B1B00 · #000605

Kelly Green takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2DBE2): A whisper-light, dusty rose — the color of pressed rose petals.
• Lavender Blue (#7594FF): A luminous, vivid violet — the color of a velvet chair.
• Kelly Green (#5EA300): A luminous, vivid green — the color of new leaves after rain.
• Ink (#0B1B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000605): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, 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

• Tempered Mustard color palette (#FBE6DE, #98ABFF, #AFAA00, #2D2C00, #181200)
• Washed Veranda color palette (#F4D9D5, #C097FF, #00BB8F, #002519, #001011)
• Washed Periwinkle Terrace color palette (#E7E0F6, #51B2FF, #00B19D, #082B31, #041619)
• Linen Station color palette (#F5E1D5, #D061FF, #00A48E, #001813, #000507)
• Fuchsia Orchard color palette (#EBF0FE, #FF6CCE, #7B8300, #091B0A, #000905)
• Muted Lime Station color palette (#F8E5E4, #C6C4FF, #71D854, #203C37, #101A18)
• Airy Canyon color palette (#F1DBD3, #FD2DA6, #009C85, #001B15, #000607)
• Timeworn Mint color palette (#E7E8FF, #87D7FF, #00DAAC, #00261C, #020500)

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