Ember Pier color palette — #FFF2ED · #E74E3B · #007A5D · #005183 · #2E1519

Built around Scarlet, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Scarlet (#E74E3B): A luminous, vivid orange — the color of autumn markets.
• Teal (#007A5D): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#005183): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#2E1519): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Energy, Balance. Tagged jewel, vibrant.

Use it as a design system

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

• Frosted Bronze Station color palette (#FFF3E7, #BB6E00, #00767C, #3E4A82, #301916)
• Worn Amber color palette (#FFEEE1, #DD7600, #188841, #005484, #43193A)
• Hushed Peony color palette (#FFF1F0, #EC5BA2, #407600, #005966, #2C151F)
• Washed Tangerine Delta color palette (#FFECCE, #F57A20, #927302, #005F75, #352F2A)
• Sunlit Balcony color palette (#F7F3FF, #B76DAE, #00798A, #00458A, #08071F)
• Hushed Bronze Archive color palette (#FFF3E8, #9B5405, #2D5700, #003263, #331711)
• Hushed Brick Alley color palette (#FEEBE0, #AE3000, #005549, #003574, #190002)
• Frosted Cobalt color palette (#FFF1F6, #DA8F52, #679D24, #1072CD, #2A152B)

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