Amber Pier color palette — #FDDCCF · #AB8100 · #556400 · #003B17 · #001414

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

The five colors

• Shell Pink (#FDDCCF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#AB8100): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#556400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003B17): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001414): A deep, shadowed, dusty teal — the color of sea glass.

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

• Powdered Moss Courtyard color palette (#F9EBCE, #9D943B, #4C5D00, #094204, #002A18)
• Ancient Lagoon color palette (#F0D7DA, #CB6B16, #6F4D00, #253000, #001509)
• Antique Moss Harbor color palette (#E7DEC4, #6E9632, #00664D, #00393E, #00101B)
• Midnight Olive Alley color palette (#F0E5C8, #5A7400, #004526, #001A1C, #000204)
• Aubergine Hollow color palette (#F1D8E5, #A16C00, #005C2A, #3B0D61, #110F00)
• Hazy Olive Delta color palette (#F0DDD5, #C39C4C, #707E00, #005B1F, #002925)
• Dusty Pier color palette (#FFF0D6, #A8B176, #3C8B5A, #005550, #00252E)
• Aged Villa color palette (#E3ECE4, #BED0CA, #89ABAB, #6E4F03, #0C190F)

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