Amber Pier color palette — #FFDEE2 · #EAA593 · #CF833C · #886600 · #4B4C1D

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

The five colors

• Rose Water (#FFDEE2): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#EAA593): A luminous, balanced orange — the color of toasted spice.
• Mustard (#CF833C): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#886600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4B4C1D): A full-bodied, 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 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

• Powdered Amber Lagoon color palette (#FFDFF0, #E3B884, #AC8F1C, #6B7700, #284D2A)
• Timeworn Coral color palette (#ECDBFF, #ECA3B7, #DB726B, #9C5000, #5B4117)
• Amber Thicket color palette (#FFF1F1, #FFCCB7, #D08A31, #8A6F31, #413F38)
• Faded Bronze Studio color palette (#FFD4BD, #E79B6B, #B56A00, #714C00, #40413A)
• Timeworn Tangerine Garden color palette (#F6E3DF, #F7831C, #947000, #5B5A00, #153800)
• Powdered Courtyard color palette (#DEFFE5, #E4C792, #B58A38, #725800, #3A2700)
• Chestnut Delta color palette (#FFF1F5, #A3C8B1, #AC8762, #975446, #22453B)
• Frosted Station color palette (#FFF1F6, #E2AA7A, #7EA6E3, #B96A00, #2A4268)

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