Amber Pier color palette — #CBE6D2 · #C5813B · #846300 · #005632 · #341F00

Built around Mustard, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CBE6D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Mustard (#C5813B): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#846300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#005632): A deep, shadowed, balanced teal — the color of sea glass.
• Espresso (#341F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

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

• Weathered Bronze color palette (#DEF6E4, #CB9657, #917400, #006645, #422B00)
• Ancient Coral Grove color palette (#D0E5CE, #DD6B5D, #A44C00, #3F4F00, #3E160A)
• Ancient Canyon color palette (#D5EDDD, #A47800, #615A00, #004237, #1D1500)
• Antique Moss color palette (#C3E9D4, #A29500, #577500, #005354, #252600)
• Tangerine Chapel color palette (#FFF3E2, #F47C11, #8F6000, #0E4D1B, #1E0E00)
• Olive Orchard color palette (#DBE9DF, #AFA671, #777600, #7C4523, #08311F)
• Worn Bronze color palette (#FBDEE9, #A55D00, #1E3B20, #290818, #0B0106)
• Feathered Hollow color palette (#C8E7D0, #C54545, #644700, #003168, #3B1907)

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