Ember Pier color palette — #FFF2ED · #CA6567 · #337248 · #0F4F69 · #312F51

Coral Clay and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Coral Clay (#CA6567): A luminous, balanced orange — the color of toasted spice.
• Pine (#337248): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#0F4F69): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#312F51): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

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

• Hushed Amber color palette (#FFF2EA, #CF825B, #427E67, #4C5076, #54384B)
• Navy Field color palette (#FFEDEF, #AD77AE, #4C7136, #383778, #19183E)
• Tempered Workshop color palette (#FFF1F2, #BF5FB1, #696700, #00544B, #003F4D)
• Tempered Navy color palette (#FFE1CF, #B44800, #00594A, #00345D, #1E006D)
• Navy Ridge color palette (#FFF3E4, #A77100, #006574, #3B2F81, #461C4C)
• Ancient Wisteria color palette (#F7F3FF, #D387C2, #648E4E, #485999, #2A355E)
• Antique Grove color palette (#FFE5DE, #CFAD92, #927F36, #506761, #335054)
• Tempered Apricot Studio color palette (#FFDBD1, #F4945A, #9F6A00, #6A570F, #47453E)

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