Amber Harbor color palette — #E1FBFF · #00C0AC · #C97F00 · #766700 · #00211D

Mustard and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E1FBFF): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00C0AC): A luminous, balanced teal — the color of shallow lagoons.
• Mustard (#C97F00): A luminous, balanced gold — the color of old brass.
• Olive (#766700): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#00211D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, 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

• Timeworn Bronze color palette (#E1FBFF, #00B5A6, #B06400, #5F5700, #001205)
• Softworn Garden color palette (#EAF8FE, #63C3CF, #B49C4B, #687D00, #072934)
• Faded Amber color palette (#E7F9FF, #39E0EB, #DD7000, #589D3B, #00313E)
• Worn Rose Basin color palette (#D7FFF7, #7BBA54, #EF565C, #9E4E00, #0C2100)
• Powdered Harbor color palette (#EDF7FF, #009CE3, #6C8C00, #006540, #000E1A)
• Airy Station color palette (#F7F3FF, #D47ABA, #BC7839, #745D00, #1A0F27)
• Tempered Harbor color palette (#FEF1FA, #ECB4A5, #A6B777, #5A9163, #3D2B38)
• Azure Veranda color palette (#CBFFEE, #2695D9, #914000, #763300, #001912)

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