Tempered Pier color palette — #FFF3E9 · #F5C1C1 · #DD98A6 · #A88551 · #5D3E3D

A conversation between Rosewood Mist and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Oat (#F5C1C1): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#DD98A6): A luminous, balanced red — the color of embers at dusk.
• Caramel (#A88551): A luminous, balanced gold — the color of honey in a jar.
• Cocoa (#5D3E3D): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged retro, light, muted, warm.

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

• Weathered Hollow color palette (#FDEEEE, #DDA2C6, #907370, #614F50, #281F20)
• Washed Ridge color palette (#FFF3E7, #FFA1B2, #F86A56, #897C00, #542428)
• Cypress Hollow color palette (#FAF5E2, #DBAFC6, #B97D9C, #09816D, #593F47)
• Antique Hollow color palette (#FFF3E3, #F5B799, #D19753, #549449, #423C37)
• Chestnut Delta color palette (#F9F5EC, #E8DDC0, #BFB690, #BA8E83, #5F4A00)
• Muted Ember Coast color palette (#EEDAC6, #F6828B, #D95C31, #6A6B00, #411211)
• Misty Marigold color palette (#F8E3AE, #F49912, #AE8900, #008054, #392400)
• Timeworn Teal color palette (#F6F6EF, #CFE2DB, #98D3D5, #59B5A0, #38523E)

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