Soft Amber Pier color palette — #FBF0E3 · #B78228 · #227558 · #144077 · #340D25

Mustard and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FBF0E3): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B78228): A luminous, balanced gold — the color of honey in a jar.
• Pine (#227558): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#144077): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#340D25): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

One click turns Soft 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

• Amber Quarry color palette (#FFEEE4, #C8744F, #536F2F, #004956, #23143C)
• Taupe Harbor color palette (#F5F2E8, #A0A064, #397E7F, #47476F, #3D1D15)
• Timeworn Aubergine color palette (#FFF0FA, #B77563, #526E1C, #592C86, #57291B)
• Denim Field color palette (#EFF8EF, #C69D5F, #13966F, #235DA6, #552441)
• Muted Field color palette (#EEDFBD, #837100, #005855, #2B007C, #240005)
• Aged Moss color palette (#F5F4D3, #5E9500, #006581, #5A0868, #291000)
• Tempered Courtyard color palette (#FFE9CD, #C9BD98, #8C8F70, #655065, #442A37)
• Aged Bronze color palette (#F6EDDC, #8F7100, #33312A, #1C1506, #0A0502)

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