Amber Pier color palette — #FFD8E7 · #C06D00 · #008650 · #743F00 · #00381F

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

The five colors

• Shell Pink (#FFD8E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#C06D00): A luminous, balanced gold — the color of old brass.
• Fern (#008650): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#743F00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#00381F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, 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

• Worn Bronze Ridge color palette (#CCEFD7, #9E8200, #00817B, #5F4C00, #003633)
• Airy Mulberry Chapel color palette (#F9EADB, #9D6200, #3B7500, #980049, #351E00)
• Misty Ridge color palette (#E6FAF5, #87AE57, #BF7260, #517221, #60352B)
• Pale Crimson color palette (#FFDADD, #F1105D, #777400, #940035, #313000)
• Softworn Amber color palette (#F3DEE7, #C86A00, #0079B6, #743B00, #001829)
• Misty Balcony color palette (#F8D2E2, #C87800, #894700, #632800, #3A2300)
• Pine Courtyard color palette (#DEF0DB, #16730F, #7D3100, #063704, #200700)
• Powdered Olive Market color palette (#D7F5EB, #5C7900, #00637C, #2F4000, #001F28)

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