Amber Harbor color palette — #DCF6FA · #A7BCFF · #D17100 · #361800 · #1B0B00

A conversation between Mustard and Sky, giving this palette its sense of optimism and creativity.

The five colors

• Frost (#DCF6FA): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#A7BCFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#D17100): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#361800): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1B0B00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged neon, dark, vibrant.

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

• Hushed Marigold Courtyard color palette (#F2E7F9, #90ABFF, #C89700, #281C00, #130C02)
• Faded Rose Villa color palette (#CAE6DD, #97C1FF, #E94F62, #3B0B12, #130704)
• Timeworn Bronze Villa color palette (#DDE0F9, #00A6C3, #AA6C00, #191603, #0A0400)
• Misty Thicket color palette (#DBE8F6, #EB9FFF, #989000, #222000, #0E0900)
• Frosted Tangerine color palette (#E4F0FF, #00C9C3, #FF6B35, #411000, #1B0901)
• Ultramarine Veranda color palette (#FFEEE3, #D86822, #0F49D1, #781C64, #230D00)
• Apricot Field color palette (#DFE0F6, #00DECD, #FF954D, #502D16, #301E27)
• Mint Thicket color palette (#CEEBF4, #00DAA4, #B6AD00, #233A19, #262213)

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