Amber Harbor color palette — #E1F4E8 · #D2BF6F · #73B4FF · #A99000 · #073663

Mustard takes the lead with Cornflower close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E1F4E8): A whisper-light, dusty teal — the color of glacier melt.
• Honey (#D2BF6F): A luminous, balanced green — the color of a quiet forest floor.
• Cornflower (#73B4FF): A luminous, balanced blue — the color of deep harbor water.
• Mustard (#A99000): A luminous, balanced green — the color of new leaves after rain.
• Navy (#073663): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Pale Moss color palette (#E8FAF3, #C4D594, #A6BAFF, #92AC0D, #333F6C)
• Dusty Amber color palette (#FFE7F2, #F4AC7B, #71C4FF, #CB6800, #003959)
• Hushed Moss color palette (#DBF6EB, #BCC76D, #DBA0F6, #858F00, #462554)
• Teal Meadow color palette (#E5FCEB, #DCBC5E, #00BFB6, #907200, #002F2D)
• Tempered Iris Bloom color palette (#CCEEDC, #BBB156, #75A5F4, #9482EE, #312C00)
• Taupe Quarry color palette (#DCEDE0, #A1CDB8, #B9994F, #A46B39, #053930)
• Faded Lime color palette (#FFE2F9, #A1BEFF, #BCC000, #505228, #14251E)
• Clover Bloom color palette (#EBF9F6, #BFE0B8, #EBB1E1, #76BD67, #514668)

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