Tempered Pier color palette — #FFDBD7 · #D0DBFF · #1DF4D8 · #677363 · #2C2F2A

Lagoon takes the lead with Powder Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Shell Pink (#FFDBD7): A whisper-light, dusty orange — the color of autumn markets.
• Powder Blue (#D0DBFF): A whisper-light, dusty violet — the color of a velvet chair.
• Lagoon (#1DF4D8): A whisper-light, balanced teal — the color of sea glass.
• Pewter (#677363): A full-bodied, dusty green — the color of new leaves after rain.
• Onyx (#2C2F2A): a grounded near-black with real depth.

Feels like: 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

• Chartreuse Bloom color palette (#FFDBD8, #C5DFFF, #6BF588, #69732D, #2F302A)
• Tempered Straw color palette (#EEE998, #FDC7FE, #99DFFF, #556F63, #303633)
• Hushed Chartreuse color palette (#FFDBD5, #FFBFF7, #3BEE8A, #4D4F48, #32342D)
• Airy Aqua Basin color palette (#F9EBDC, #D6B3FF, #00D7E3, #006268, #112314)
• Dusty Blush color palette (#EEF8F1, #6AD2E6, #D288B3, #AC815A, #31332C)
• Muted Teal Market color palette (#F1F7EF, #F3DAB3, #6BACA5, #5D7458, #262E24)
• Aged Workshop color palette (#F0F7F3, #D2DCDD, #9CCCC9, #B6B3A9, #4D5550)
• Wandering Basalt Lagoon color palette (#DFF1FF, #D7CACE, #ABB9B8, #364553, #252A2D)

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