Tempered Pier color palette — #F5D6E5 · #C68956 · #8D5430 · #5D301E · #251018

Mustard and Coffee set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F5D6E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#C68956): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#8D5430): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5D301E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#251018): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Taupe Chapel color palette (#D2E8D1, #B69351, #815C28, #59340C, #091D10)
• Softworn Loft color palette (#FFF0F8, #F0BD81, #BA7754, #7C4745, #112719)
• Antique Bronze color palette (#FFDAE8, #9C6400, #643700, #3A1800, #000801)
• Softworn Driftwood color palette (#E2F8ED, #9EC6B6, #878559, #465F50, #20302B)
• Ancient Villa color palette (#D9EDF7, #7AB260, #004F60, #002029, #00060B)
• Cobalt Studio color palette (#D8ECFF, #007AC5, #874B84, #005135, #03111F)
• Tempered Garden color palette (#E5E8FF, #9C8CF7, #754BA9, #4D2068, #2D0033)
• Quiet Periwinkle Drift color palette (#EBF3FD, #669FFD, #764DA3, #2051A2, #050415)

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