Amber Harbor color palette — #DDFFE8 · #A98800 · #006C76 · #004768 · #150007

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

The five colors

• Honeydew (#DDFFE8): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A98800): A luminous, balanced green — the color of new leaves after rain.
• Teal (#006C76): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004768): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#150007): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, 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

• Soft Thicket color palette (#FFF0F7, #D26A00, #006E9F, #004A6C, #0B000D)
• Misty Aubergine color palette (#DEFFE6, #BE9300, #00778E, #540092, #20002C)
• Dusty Moss Ridge color palette (#DFFDF3, #84B31F, #7A57B5, #543D7D, #140410)
• Ultramarine Cabin color palette (#DFFFE3, #A58400, #2D40E7, #2133A4, #0A0003)
• Aubergine Atelier color palette (#FFF1DF, #815000, #004A52, #27007D, #2E000F)
• Tempered Grape color palette (#DCFFF0, #819B10, #5A44B7, #341B7A, #0B0008)
• Timeworn Ember color palette (#FFF0FB, #F53310, #007662, #005248, #060013)
• Marigold Lagoon color palette (#ECF9EF, #DBA441, #6E93C5, #587397, #2D2631)

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