Amber Pier color palette — #FFF1F7 · #D78B4D · #4A8FCA · #905521 · #244562

Built around Mustard, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Mustard (#D78B4D): A luminous, balanced gold — the color of old brass.
• Cerulean (#4A8FCA): A luminous, balanced blue — the color of deep harbor water.
• Ochre (#905521): A full-bodied, balanced gold — the color of honey in a jar.
• Navy (#244562): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Hazy Studio color palette (#FFF0FC, #E97A6F, #009AB2, #9C4841, #0C4B56)
• Faded Mustard Archive color palette (#E4FCEE, #B2A127, #6987CF, #726612, #314360)
• Wandering Amber Pier color palette (#FFF1F6, #C07414, #507DB5, #5E5B92, #463139)
• Linen Chestnut Atelier color palette (#FFEFDE, #D19659, #4EA07B, #8F5500, #00301E)
• Pale Bronze Thicket color palette (#FFF1F7, #E3A97E, #C38ECD, #BB6819, #523756)
• Muted Bronze color palette (#FFF1F7, #BAA479, #936748, #61485F, #2C433A)
• Feathered Pier color palette (#F8E3B0, #A47F00, #0065EB, #624B00, #002968)
• Amber Archive color palette (#FEF3E8, #F7BF8E, #7FC6F9, #E2840A, #104768)

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