Amber Pier color palette — #FFF4DF · #B29000 · #00928A · #705900 · #004440

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#B29000): A luminous, balanced green — the color of new leaves after rain.
• Fern (#00928A): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#705900): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004440): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Washed Bronze color palette (#E8DDC4, #917F00, #00797D, #544900, #003031)
• Hazy Moss color palette (#F6F7E3, #7AB24C, #2995C2, #4F7135, #244B3C)
• Worn Terracotta color palette (#F6EDB6, #918000, #008762, #AA2C0C, #383100)
• Washed Meadow color palette (#FCEDD3, #B79B00, #836500, #624200, #38352E)
• Frosted Lime color palette (#FFF5D7, #E8F996, #86C768, #857332, #424039)
• Ember Archive color palette (#FFF2EA, #EF6103, #31970D, #983B00, #1A4610)
• Chalky Emerald color palette (#C6F2D0, #009F51, #AA5600, #005F2E, #492200)
• Powdered Scarlet color palette (#FEF7CA, #8AA000, #D04A52, #566400, #641F23)

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