Tempered Pier color palette — #DCE7DB · #B7AEFF · #00B9E7 · #20344E · #14232B

Built around Cyan, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Parchment (#DCE7DB): bright and airy, almost weightless.
• Lavender (#B7AEFF): A luminous, balanced violet — the color of twilight just after sunset.
• Cyan (#00B9E7): A luminous, balanced blue — the color of deep harbor water.
• Navy (#20344E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#14232B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged neon, dark, vibrant, 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

• Mallow Boulevard color palette (#FFE5EB, #DFAFFF, #87C3FF, #346359, #1A2925)
• Fuchsia Harbor color palette (#FFE0E1, #F38CFF, #7DA5FF, #30224C, #151D2A)
• Tempered Jade color palette (#F2EDCA, #43CBFD, #00C594, #154052, #062A2B)
• Chalky Aqua color palette (#FADCCA, #FF9DCD, #00CBDD, #00434A, #1A241C)
• Washed Hollow color palette (#B9EFFF, #FFBACF, #BDB2FF, #494053, #2D2F38)
• Muted Dune color palette (#CCF0DC, #B06FEC, #009EDA, #1B263E, #051521)
• Feathered Workshop color palette (#EEF6FF, #4DA7F9, #6E39D3, #005897, #1F1539)
• Timeworn Basin color palette (#F0F6FE, #D9D7E4, #B0BBDA, #3367BC, #314155)

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