Tempered Pier color palette — #F6F0F4 · #CDD5D6 · #A8C0C0 · #A85D4B · #332830

A conversation between Ochre and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Silver (#CDD5D6): a clean, paper-quiet neutral.
• Ash (#A8C0C0): A luminous, dusty teal — the color of glacier melt.
• Ochre (#A85D4B): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#332830): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Driftwood Drift color palette (#F7EFF2, #CED5D8, #9D9FAB, #9D7C59, #3F3236)
• Dusty Bronze Orchard color palette (#EDF4EF, #C8DBDD, #9DC9CA, #846700, #172A1D)
• Patina Canyon color palette (#F9EFF3, #C8D9CD, #82B8AC, #8A4700, #28111D)
• Patina Bronze color palette (#F4E5EA, #A56406, #15392C, #230E16, #0A0409)
• Basalt Atelier color palette (#F4EFFF, #CAB2C7, #74937E, #595776, #3D3450)
• Washed Lagoon color palette (#E9F6EC, #8EBFB1, #4B8364, #614B6D, #042F26)
• Onyx Terrace color palette (#D8E1D8, #81928B, #4C7372, #3A2500, #000200)
• Cocoa Archive color palette (#F0E8ED, #97A499, #5D8679, #5C2200, #0D0007)

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