Tempered Pier color palette — #ECF7FF · #DED7E5 · #CAC1B9 · #8BBBC7 · #3C495C

Ash and Charcoal set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Silver (#DED7E5): A whisper-light, dusty violet — the color of a velvet chair.
• Stone (#CAC1B9): soft and architectural.
• Ash (#8BBBC7): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#3C495C): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Weathered Balcony color palette (#E0FDF5, #E0D7DE, #E4B9DC, #7AA58F, #544253)
• Turquoise Basin color palette (#EEF6FF, #F0D2ED, #FDB5A7, #00AAC1, #343663)
• Taupe Station color palette (#E3FDEC, #C8D8AB, #BBAC73, #A17C8B, #274342)
• Patina Aqua color palette (#E0F0E6, #FFBF9C, #53DAFE, #4C6775, #262E32)
• Softworn Lagoon color palette (#E1F8F1, #FADADD, #DFB4DD, #28848D, #3E2A3E)
• Hushed Powder color palette (#F1F5FF, #ABB1FF, #A3B769, #899763, #2A3247)
• Apricot Alley color palette (#F0F5FF, #C7D3FF, #F09361, #8E9DDE, #2C2026)
• Celadon Field color palette (#F0F6FF, #CAE095, #7893D2, #54647C, #1A222E)

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