Amber Harbor color palette — #E3FEE5 · #00BDC2 · #BA8800 · #676E00 · #002022

A conversation between Mustard and Cyan, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E3FEE5): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#00BDC2): A luminous, balanced teal — the color of sea glass.
• Mustard (#BA8800): A luminous, balanced gold — the color of honey in a jar.
• Olive (#676E00): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#002022): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged cool.

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

• Worn Lagoon color palette (#E3FCEF, #00B7E4, #9A9700, #227C02, #001F29)
• Bronze Meadow color palette (#E8FBEE, #009AB3, #877700, #385900, #00090D)
• Soft Ember Garden color palette (#F2FAD9, #4EC073, #E0694E, #915800, #00230C)
• Tempered Basin color palette (#FEF0FF, #5CAAFF, #66A63C, #007A5A, #001B39)
• Pale Fern Boulevard color palette (#FFF2EE, #DD7E82, #9C8A19, #436E00, #260D05)
• Quiet Marigold color palette (#FFF0F9, #A6A8FF, #CC9F00, #A88300, #3F1F34)
• Hushed Lagoon Quarry color palette (#FCF2F8, #BBBEF4, #86BCA4, #369194, #3D2B36)
• Dusty Studio color palette (#FFF1F2, #ED73C9, #D27800, #7A6600, #310726)

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