Amber Harbor color palette — #F3DBD9 · #E48E5B · #BD7300 · #785600 · #433C00

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

The five colors

• Shell Pink (#F3DBD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Apricot (#E48E5B): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#BD7300): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#785600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#433C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Loft color palette (#FFEAE4, #C87100, #7C5700, #514300, #212400)
• Aged Moss Workshop color palette (#FADDC6, #CB9E3D, #988700, #566000, #283E0E)
• Powdered Amber color palette (#FFF2EF, #FFB88D, #C37000, #775900, #373100)
• Rust Coast color palette (#FFE8EF, #F68B92, #C85D48, #934900, #4D2D00)
• Tempered Lagoon color palette (#F6E2E8, #C0AD78, #A17747, #7B4E3B, #10392B)
• Powdered Azure color palette (#DFF6DF, #CF9E53, #459CE1, #976700, #02385D)
• Worn Orchard color palette (#E6FCE7, #B2E7E7, #9DD2B2, #B9725F, #2B4D39)
• Frosted Amber Drift color palette (#D1EED2, #C58700, #488DD3, #5B74B7, #1A321C)

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