Tempered Pier color palette — #F1F7EF · #CDDED9 · #A7C3AE · #006F67 · #051003

A conversation between Teal and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F7EF): bright and airy, almost weightless.
• Silver (#CDDED9): bright and airy, almost weightless.
• Stone (#A7C3AE): A luminous, dusty teal — the color of glacier melt.
• Teal (#006F67): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#051003): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Wandering Petrol Dune color palette (#EFF7F4, #CDDDDF, #C8B3C8, #006890, #00110A)
• Weathered Abyss Villa color palette (#E8F1EA, #C4D5CB, #8AB09F, #005862, #000401)
• Ancient Abyss Delta color palette (#DAE5E7, #A0B8C1, #6D92AF, #005044, #000E10)
• Timeworn Garden color palette (#E9EFE6, #AFC6C2, #8DADAF, #009583, #182313)
• Fern Basin color palette (#FCF5DC, #99AA6F, #486C26, #03491D, #060900)
• Eclipse Petrol color palette (#D7F2DF, #006C7B, #32343C, #00151E, #000201)
• Softworn Cobalt color palette (#F9F3F8, #EAD7DA, #DCBABC, #5975B0, #241B23)
• Timeworn Navy Chapel color palette (#DFEEE9, #C5B5C6, #A3889F, #004064, #000201)

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