Tempered Pier color palette — #F2F7F1 · #CFDCDB · #9DBBB2 · #00736D · #363D35

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

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#CFDCDB): a clean, paper-quiet neutral.
• Ash (#9DBBB2): A luminous, dusty teal — the color of glacier melt.
• Teal (#00736D): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#363D35): a grounded near-black with real depth.

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

• Softworn Petrol Field color palette (#F1F7F2, #D2DDDE, #D4BCC0, #2E818E, #404B43)
• Muted Lagoon color palette (#EAF4F7, #CED7E4, #A6BBC6, #057374, #162326)
• Tempered Denim Veranda color palette (#EAF9F2, #E1CADF, #A59FD4, #006385, #1B3A2E)
• Ancient Abyss Lantern color palette (#E5EEE6, #ADBDB5, #9C859C, #004F52, #172319)
• Worn Pine color palette (#FDF4E6, #97A170, #317431, #3A5237, #37362F)
• Timeworn Teal Meadow color palette (#EEF7F9, #D2DAE6, #B9C0D2, #42B3AF, #303D40)
• Patina Basalt Garden color palette (#D9EBC7, #91B3A0, #6C79AB, #6A4D28, #384500)
• Wandering Sapphire color palette (#FAF3F8, #EED4D3, #D3B2B8, #3F64BF, #463C45)

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