Amber Pier color palette — #F1E6DB · #B09400 · #6A7000 · #315400 · #003214

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

The five colors

• Parchment (#F1E6DB): a clean, paper-quiet neutral.
• Mustard (#B09400): A luminous, balanced green — the color of new leaves after rain.
• Olive (#6A7000): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#315400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003214): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Pale Sunflower color palette (#FFF6D1, #DACA00, #A4A400, #646E00, #2F4100)
• Amber Chapel color palette (#FFD9B6, #CB9400, #7B7700, #326000, #004C2E)
• Hazy Coast color palette (#F9E9C9, #8C8200, #566700, #074106, #00190B)
• Olive Veranda color palette (#EDEED4, #82A500, #1D8812, #005839, #002E27)
• Tempered Amber color palette (#FFE3D7, #E47C00, #866100, #504200, #232900)
• Pale Summit color palette (#DFFFB2, #8DC000, #477F00, #1B4400, #081700)
• Pale Aqua color palette (#F0F7C9, #95FAE7, #54D4D7, #957730, #002F29)
• Indigo Thicket color palette (#D9FBEF, #9AB626, #745DD0, #536400, #21134B)

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