Tempered Pier color palette — #F8F2FF · #CB7FAF · #AF8258 · #5A6F91 · #363546

Built around Dusty Rose, softened by Caramel — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Dusty Rose (#CB7FAF): A luminous, balanced pink — the color of peonies in June.
• Caramel (#AF8258): A luminous, dusty gold — the color of old brass.
• Slate (#5A6F91): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#363546): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Wandering Lilac color palette (#F3F4FF, #B08FDF, #BF7374, #337087, #2A313F)
• Weathered Coral color palette (#FCF1F9, #DA8172, #8B8B45, #646287, #3B3240)
• Petrol Cabin color palette (#FCF2F8, #DDA38D, #AD8255, #007D8B, #312436)
• Wandering Fern Orchard color palette (#FAF2FD, #B97A92, #4A703D, #025767, #303244)
• Worn Balcony color palette (#FBF2F9, #F6917F, #A38856, #597247, #4A3A59)
• Ash Field color palette (#F9F3F9, #E3D7D9, #B8ADA9, #AC91AC, #555155)
• Jade Corridor color palette (#FFF2F0, #ECA6BD, #84B477, #3D99AE, #412B34)
• Washed Cocoa Veranda color palette (#FFF0FD, #FBB7A8, #CC9379, #946242, #623A05)

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