Amber Pier color palette — #FFF2EE · #EEA079 · #D67D00 · #8E5B07 · #37553E

Mustard and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#EEA079): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D67D00): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8E5B07): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#37553E): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Amber Pier 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 Orchard color palette (#FFF1F6, #D6B98A, #B58453, #8D5B42, #2F4336)
• Frosted Amber color palette (#FFDDE8, #E0B065, #B19100, #7B750E, #1E4D3F)
• Washed Coral color palette (#FFDCDD, #F2816B, #AF6C1A, #695200, #294E3F)
• Pale Hollow color palette (#F9DAF9, #FAA299, #E46E3D, #9F5B2E, #613D4B)
• Washed Periwinkle Balcony color palette (#FFF1F5, #E0AC75, #5FB2FF, #AA6700, #234564)
• Softworn Apricot color palette (#FFE0DD, #FFB69C, #E59858, #A5823C, #544B22)
• Chalky Amber Hollow color palette (#E1FFE3, #E2C183, #BC8900, #7A5400, #3C2A00)
• Aqua Station color palette (#EAFAEB, #B3E7CC, #7BCAC3, #BE8E74, #3D5443)

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