Tempered Pier color palette — #ECF7FF · #87B7D2 · #C28B5B · #007CAA · #654529

Cerulean takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Ash (#87B7D2): A luminous, dusty blue — the color of open sky before noon.
• Caramel (#C28B5B): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#007CAA): A full-bodied, balanced blue — the color of open sky before noon.
• Cocoa (#654529): A full-bodied, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Dusty Alley color palette (#EFF6FF, #94B2DD, #A39B5A, #4673B4, #335644)
• Amber Workshop color palette (#E7F6F0, #85BBDD, #D08957, #3679A0, #36302B)
• Muted Cypress color palette (#E6F9FE, #82BDB7, #C8818C, #00847D, #5A445D)
• Ancient Apricot color palette (#ECF7FF, #89CEF9, #E6A05B, #5494BB, #64414F)
• Dusty Bronze Archive color palette (#EEF6FF, #739BC9, #B47A52, #8B6C1D, #324458)
• Muted Field color palette (#EFF6FF, #5792EF, #A67400, #0054C2, #4F3500)
• Lapis Bloom color palette (#F2F5FF, #9C96D5, #659A57, #6452B5, #2C4C23)
• Lagoon Orchard color palette (#ECF7FF, #DDD9E4, #CAC1B9, #4D9A92, #424D5D)

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