Amber Pier color palette — #FFF1F3 · #F9BFD4 · #EF9C9A · #C8785F · #57514B

A conversation between Coral Clay and Rose Quartz, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#F9BFD4): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#EF9C9A): A luminous, balanced orange — the color of sun-warmed clay.
• Coral Clay (#C8785F): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#57514B): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

Use it as a design system

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

• Worn Summit color palette (#FAF2FF, #EBB3BC, #D58788, #AE5E53, #634155)
• Coral Quarry color palette (#FFF2EC, #F6CAB5, #71DAE2, #F08676, #39553E)
• Antique Driftwood Station color palette (#EBE5FF, #EB9AB1, #C07071, #794D39, #243724)
• Softworn Amber Courtyard color palette (#FFF2EE, #FFCEB8, #E7AD70, #B08F41, #514F48)
• Weathered Bronze color palette (#FFF2EC, #FFD6BB, #EEAA92, #B96F4E, #532B23)
• Ancient Station color palette (#FFCFE8, #FFA0A2, #FF6940, #B46E00, #514000)
• Amber Thicket color palette (#FFDCD8, #E37729, #A26E00, #6E5800, #202700)
• Washed Lagoon color palette (#FFF2EC, #F3B6A7, #75CDDE, #6FAAD7, #48413D)

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