Amber Pier color palette — #FFD9E7 · #F39DA7 · #D17662 · #985A2B · #5C421A

A conversation between Coral Clay and Ballet Pink, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD9E7): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#F39DA7): A luminous, balanced red — the color of embers at dusk.
• Coral Clay (#D17662): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#985A2B): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#5C421A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Misty Blush color palette (#FFDFE5, #EEA5D2, #CF7189, #984F52, #653A2B)
• Quiet Cabin color palette (#FFE0DC, #F1A782, #BB7E2F, #8A6308, #4A471B)
• Hushed Terracotta color palette (#FDDCFB, #DA958B, #B85741, #923700, #6B3D24)
• Timeworn Alley color palette (#FFF1F6, #FFC3C2, #F1735E, #A96225, #304B30)
• Worn Amber Dune color palette (#FFF2E9, #F4BD95, #C5804F, #885325, #4B2103)
• Sunlit Tangerine Garden color palette (#F2D9D9, #FF7946, #AE5F00, #7D4F00, #3E3100)
• Tempered Periwinkle color palette (#FFF2EC, #EEA192, #60ACE6, #B66759, #194666)
• Tempered Cocoa color palette (#FFF2EB, #DEDDCC, #A9D7B3, #B0808A, #744404)

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