Amber Pier color palette — #F2D8E0 · #BA7400 · #50441B · #381C27 · #1B0C14

Mustard takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2D8E0): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#BA7400): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#50441B): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#381C27): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#1B0C14): A deep, shadowed, dusty rose — the color of a warm blush.

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

• Softworn Balcony color palette (#FBE3F3, #E74500, #5F3C1B, #361C2F, #180D18)
• Amber Veranda color palette (#FFF3E6, #C97F00, #483A00, #211100, #040100)
• Timeworn Bronze Veranda color palette (#CBEAD2, #A78000, #214F3E, #172C1D, #1C0C12)
• Linen Amber Corridor color palette (#F5DCC2, #E18900, #676C37, #5E3800, #190F0A)
• Shadow Quarry color palette (#FFE4ED, #945800, #2B2E00, #261300, #110302)
• Dusty Fern Study color palette (#D4F5E3, #6C6200, #3F424C, #002B23, #000D06)
• Weathered Bloom color palette (#E2F7F4, #6AAE70, #485C5E, #2C3B3A, #1C2421)
• Weathered Olive Study color palette (#D2F5EE, #478B00, #00442A, #0C2100, #000A06)

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