Amber Harbor color palette — #FFF1F7 · #DE7904 · #0098A5 · #3C5FB4 · #411E2F

Tangerine takes the lead with Cobalt close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Tangerine (#DE7904): A luminous, vivid gold — the color of honey in a jar.
• Cerulean (#0098A5): A luminous, balanced blue — the color of deep harbor water.
• Cobalt (#3C5FB4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#411E2F): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Optimism, Creativity, 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

• Powdered Ultramarine Meadow color palette (#FFF3E8, #F3860A, #00A4B6, #315EC9, #2D1400)
• Antique Rose color palette (#FFF0FC, #FF4A47, #009C8A, #007095, #4A1916)
• Weathered Chapel color palette (#E0F5E2, #B8851A, #318BAF, #5D5698, #122D17)
• Antique Nightshade color palette (#E9FBE7, #B77D00, #007B8D, #5736AC, #3C1218)
• Airy Violet color palette (#FFF2EA, #FF915A, #00BCC8, #966BE6, #44200E)
• Hazy Loft color palette (#E0FDEE, #B4AC2A, #3873C8, #8A40A3, #302D00)
• Muted Moss color palette (#DEFFE5, #C8A400, #539100, #2E56A8, #393800)
• Feathered Nightshade color palette (#E3FDEC, #8A7500, #007B48, #0333BC, #342B00)

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