Amber Pier color palette — #CCE6D1 · #CFB667 · #BC8C00 · #986500 · #2F2900

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

The five colors

• Celadon Mist (#CCE6D1): A whisper-light, dusty teal — the color of shallow lagoons.
• Gold (#CFB667): A luminous, balanced green — the color of fresh herbs.
• Mustard (#BC8C00): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#986500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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

• Muted Drift color palette (#FDD0DF, #DFAE69, #D07F00, #AA5800, #372600)
• Tempered Bronze color palette (#FFF3E2, #C7BE65, #A27500, #763B00, #121C00)
• Patina Driftwood color palette (#E8FBED, #BAD9C7, #BDAB79, #9F8353, #294438)
• Hazy Lagoon color palette (#F0E1C3, #A98A00, #745600, #4B3000, #161200)
• Airy Rust Pier color palette (#FFE7F4, #EFBB9A, #E68859, #CA5737, #4E2C07)
• Timeworn Rose Archive color palette (#D2F4EF, #00BF35, #FB2942, #965300, #171700)
• Faded Lime color palette (#C6EDF6, #A4D064, #00928B, #005A56, #001317)
• Softworn Rose Bloom color palette (#DBE4FF, #9A92FF, #FF447E, #D23F00, #1D1546)

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