Frosted Pier color palette — #F1E4EF · #C7262B · #007063 · #004E45 · #220001

Brick takes the lead with Teal close behind in a set that reads as energy and balance at first glance.

The five colors

• Blush (#F1E4EF): A whisper-light, dusty pink — the color of neon signs at night.
• Brick (#C7262B): A full-bodied, vivid orange — the color of sun-warmed clay.
• Teal (#007063): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004E45): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#220001): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Energy, 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

• Washed Bronze color palette (#FFDAE9, #A35900, #006D7B, #004B56, #190900)
• Brick Delta color palette (#FEE8FF, #B4003C, #005884, #003958, #100002)
• Mulberry Archive color palette (#FDD7CC, #9A0033, #005035, #002D3C, #220005)
• Plum Alley color palette (#EFEAF8, #B3279B, #006E71, #004D4F, #1E0018)
• Rust Lagoon color palette (#F5DCEB, #C14800, #005C74, #003460, #000A3A)
• Tempered Amber Harbor color palette (#FED9E7, #C16F00, #008797, #006470, #311800)
• Hushed Summit color palette (#E6F4E8, #D14B5A, #6A5600, #0C2C86, #2A0B00)
• Hushed Blush color palette (#EEE0EE, #FF5E79, #008056, #006E87, #18041A)

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