Amber Harbor color palette — #F2E4FF · #00C3E7 · #AE9400 · #2C2400 · #130C00

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

The five colors

• Blush (#F2E4FF): A whisper-light, dusty violet — the color of a velvet chair.
• Cyan (#00C3E7): A luminous, balanced blue — the color of open sky before noon.
• Mustard (#AE9400): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#2C2400): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#130C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Chalky Moss Workshop color palette (#FEE0E6, #13BFFA, #7EB400, #182700, #0B0A00)
• Feathered Amber color palette (#D5DEFA, #00CDA1, #E38600, #351C00, #120902)
• Softworn Azure Studio color palette (#F4E4F9, #00A0E1, #847F00, #141300, #040300)
• Sunlit Mustard Canyon color palette (#EEDEF2, #09D9EE, #D3B200, #234230, #112419)
• Patina Boulevard color palette (#F2DEF5, #88BEFF, #F8851D, #412F01, #2E2228)
• Aged Villa color palette (#FFE6E0, #918AFF, #00A772, #00190E, #020400)
• Olive Workshop color palette (#F2F2EB, #CEDAD1, #B4C6AA, #3A7D1C, #252618)
• Hushed Marigold color palette (#F7F2E3, #CEA031, #554D00, #252100, #0C0700)

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