Tempered Pier color palette — #F3F6EF · #D3DDD9 · #B0C4C0 · #51806B · #464941

Fern takes the lead with Stone close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F6EF): a clean, paper-quiet neutral.
• Silver (#D3DDD9): a clean, paper-quiet neutral.
• Stone (#B0C4C0): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#51806B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#464941): 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

• Patina Petrol color palette (#EDF8F2, #CDDDDE, #CAB4C9, #00778F, #35443B)
• Tempered Grove color palette (#F1F3EC, #D0DAD7, #ACC2C2, #438560, #2A2E23)
• Wandering Jade color palette (#EFF7F7, #D6DBE0, #BCC2D4, #4EA375, #394C4B)
• Softworn Quarry color palette (#E0E8DC, #9FAE9F, #6A8775, #004235, #0C1804)
• Aged Fern Cabin color palette (#F4F7E7, #89BDA6, #388178, #586016, #344B05)
• Timeworn Cocoa color palette (#E8FAE1, #95BAA0, #6C897F, #7B5954, #664500)
• Timeworn Denim Studio color palette (#E6F2EC, #C1D0CC, #AD9AA8, #005D7C, #20322B)
• Aged Navy color palette (#EBE6EC, #C4B3BF, #A08592, #004580, #261B27)

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