Amber Pier color palette — #FFF1F5 · #CBDCE3 · #BCB7C0 · #C77F26 · #452D36

Built around Mustard, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Silver (#CBDCE3): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#BCB7C0): soft and architectural.
• Mustard (#C77F26): A luminous, balanced gold — the color of old brass.
• Espresso (#452D36): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Ancient Study color palette (#FAF2F9, #E7D8D7, #B1C2D4, #D86C70, #3D303D)
• Timeworn Moss color palette (#EBF9F3, #CBE2EA, #C0B6BC, #8F9A37, #293933)
• Softworn Marigold color palette (#FAF4ED, #D9DCCD, #94B9B5, #DC9300, #593800)
• Tempered Bronze Lantern color palette (#EFF8EF, #CFDFE0, #AEC5CF, #996D1B, #182119)
• Wandering Bronze color palette (#FBF4EC, #D7DEC9, #BBBFA2, #965A00, #5B3600)
• Driftwood Harbor color palette (#FFF1F0, #C4E9C9, #83B094, #99638C, #4E4262)
• Hushed Harbor color palette (#E3F1F0, #ADBEC3, #7D95A6, #004926, #000201)
• Aged Basin color palette (#FFF3E8, #FFA768, #60990F, #584899, #352500)

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