Frosted Pier color palette — #FFF2EF · #FFCCCD · #FE7B78 · #AA564A · #5B3226

Salmon and Brick set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFCCCD): A whisper-light, dusty red — the color of embers at dusk.
• Salmon (#FE7B78): A luminous, vivid orange — the color of toasted spice.
• Brick (#AA564A): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5B3226): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Frosted 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

• Softworn Rust color palette (#FBE8EE, #D58791, #AD5752, #7E3C2D, #47220E)
• Softworn Tangerine Atelier color palette (#FFF2EB, #FFC0A4, #E98136, #A76321, #3D3832)
• Ancient Coral Workshop color palette (#FFD2E8, #FFB0C4, #EE817B, #AF7459, #4A443F)
• Chalky Blush Archive color palette (#FFF1F2, #FFB6E3, #E275AE, #994C6B, #603831)
• Ancient Rust Ridge color palette (#FFE1DB, #FFA085, #C95300, #793A00, #311600)
• Ember Harbor color palette (#FFF2EC, #FFC3B9, #BBAEFF, #D46253, #4E2C3E)
• Ancient Cocoa color palette (#FFF2EB, #DEDACC, #9DB3B3, #DB988B, #6F3A06)
• Washed Study color palette (#FFF3E9, #F9A36D, #A1B731, #C2759F, #382719)

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