Amber Harbor color palette — #F6DDD4 · #F69E63 · #D0820A · #956B00 · #4A3B00

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

The five colors

• Shell Pink (#F6DDD4): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#F69E63): A luminous, balanced gold — the color of honey in a jar.
• Mustard (#D0820A): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#956B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4A3B00): A deep, shadowed, dusty green — the color of new leaves after rain.

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 Quarry color palette (#FFF0F0, #FEA887, #CB7E00, #6E5B00, #323800)
• Aged Field color palette (#F4E0E3, #FF9B90, #E97D63, #B45E22, #553005)
• Amber Meadow color palette (#FAE8E0, #CB7A34, #975E00, #594100, #251D00)
• Timeworn Harbor color palette (#FEECD5, #D5B349, #B09A00, #767B00, #32440F)
• Taupe Quarry color palette (#F4E5D4, #D1C095, #BE965F, #9A6F51, #33302A)
• Dusty Loft color palette (#FDEBD5, #E8B569, #70B5FF, #C08300, #073662)
• Pale Courtyard color palette (#F6E1C3, #DDA303, #00BAC6, #B97BC0, #3A2705)
• Patina Delta color palette (#FFF4DB, #DADC9D, #A9C183, #7DA170, #4D4E47)

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