Amber Harbor color palette — #FFDCCE · #FCA288 · #DC7330 · #955D1B · #46423C

Coral Clay and Melon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDCCE): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FCA288): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#DC7330): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#955D1B): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#46423C): a grounded near-black with real depth.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

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

• Weathered Drift color palette (#FFF3E8, #D9B78F, #BF7E4C, #8E5A48, #403D36)
• Coral Veranda color palette (#FFE1E7, #FB8679, #AC5A21, #6E5004, #41443D)
• Soft Rose Station color palette (#FFE2E0, #F89FB4, #E05D5F, #A05241, #633D2C)
• Apricot Station color palette (#FFDCDD, #FFAF9E, #E79260, #AD7D3E, #55420F)
• Pale Sky Parlor color palette (#FFF3E8, #EFA467, #4AB6FF, #B26100, #1E4662)
• Patina Amber Basin color palette (#FFF3E8, #EBC38D, #C29940, #8B7B3D, #525048)
• Airy Rust Lagoon color palette (#FFE7DF, #C55E00, #794400, #462C00, #181000)
• Cocoa Studio color palette (#FFF3E7, #DCE0C9, #9EE0B6, #B8846D, #6A4500)

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