Amber Pier color palette — #F8E2EC · #D6844C · #456B57 · #4E3340 · #130913

Mustard and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F8E2EC): A whisper-light, dusty rose — the color of strawberry cream.
• Mustard (#D6844C): A luminous, balanced gold — the color of honey in a jar.
• Pine (#456B57): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4E3340): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#130913): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

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

• Antique Ridge color palette (#E4F4E2, #CB8C35, #3E6C5D, #2B4429, #130A11)
• Wandering Coral color palette (#FBE9F9, #ED6C6E, #7C5462, #4C324B, #0F0B14)
• Ancient Corridor color palette (#F4E1D1, #BD6614, #573900, #2F1D0C, #150A05)
• Worn Workshop color palette (#E7F6EF, #BCBB75, #618382, #485951, #1D241D)
• Hushed Moss Grove color palette (#D8F4ED, #7AB530, #3D7367, #354920, #05160C)
• Bronze Chapel color palette (#D2ECD7, #866500, #1D3B00, #2E2311, #0B0600)
• Ancient Emerald color palette (#DCF6F2, #32A620, #18605B, #1C3718, #000603)
• Powdered Amber color palette (#FDE7E1, #F4A76F, #CD9400, #838000, #1F400A)

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