Amber Pier color palette — #CAE7CB · #B28600 · #7A5200 · #573200 · #322800

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

The five colors

• Celadon Mist (#CAE7CB): A whisper-light, dusty green — the color of fresh herbs.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7A5200): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#322800): 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

• Softworn Villa color palette (#FFD4B8, #CA7600, #8B4600, #652600, #3B2300)
• Timeworn Villa color palette (#E1E2B3, #889812, #605F00, #463C00, #212E00)
• Washed Bronze Alley color palette (#D5E5D4, #986D00, #603D00, #3D2000, #001C0A)
• Taupe Balcony color palette (#E8FBEB, #BAA667, #866F41, #664C28, #2C4337)
• Rust Courtyard color palette (#CCE7CA, #C7BA62, #C98400, #BF400D, #1C3000)
• Eclipse Thicket color palette (#E1F2E8, #605D00, #332C00, #171000, #030400)
• Patina Jade color palette (#D6E6FB, #00AD71, #003977, #00193C, #08051E)
• Frosted Lapis color palette (#DBE4FF, #3E3EFF, #9F0064, #004745, #121948)

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