Amber Pier color palette — #FAF3F7 · #D1E2DE · #9CD1D6 · #C06D47 · #483B43

Built around Caramel, softened by Ice Blue — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D1E2DE): bright and airy, almost weightless.
• Ice Blue (#9CD1D6): A whisper-light, dusty blue — the color of deep harbor water.
• Caramel (#C06D47): A luminous, balanced orange — the color of autumn markets.
• Charcoal (#483B43): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Weathered Bronze color palette (#F0F7F2, #C9E0E4, #A2C8DE, #9E841E, #36433B)
• Bronze Corridor color palette (#F4ECEF, #CCDCD1, #99C1B8, #A35E21, #392830)
• Wandering Amber Boulevard color palette (#FEF3EA, #DCDCCE, #96B8C2, #CA7B4B, #512900)
• Washed Peony Villa color palette (#F9F2FC, #EAD4D7, #B9D8B8, #C55F86, #463B4C)
• Bronze Boulevard color palette (#E2F1E3, #AF7B00, #384E08, #122D17, #190D15)
• Chestnut Quarry color palette (#DDE7DE, #B7C9C2, #88ADAC, #7D5900, #152317)
• Frosted Moss color palette (#FFD6D4, #DBB988, #6BA154, #7C6490, #523F63)
• Faded Coast color palette (#EAFAF0, #9BCB86, #009D7C, #865488, #2B4221)

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