Soft Amber Pier color palette — #FFF0D6 · #BB9300 · #00978C · #715700 · #002723

Mustard and Fern set the tone — five colors that lean into optimism and balance.

The five colors

• Cream (#FFF0D6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#BB9300): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#00978C): A luminous, balanced teal — the color of sea glass.
• Coffee (#715700): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#002723): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: 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

• Misty Moss color palette (#F8F3D2, #8AA625, #0092AD, #516400, #00252E)
• Amber Basin color palette (#FFEEE1, #E37712, #009D4F, #8C4500, #002910)
• Bronze Thicket color palette (#F0E7D1, #908000, #007B7C, #514700, #001616)
• Weathered Pine Bloom color palette (#EEF5E3, #8BC2A3, #C09169, #33835D, #35302B)
• Brick Terrace color palette (#F8E2BA, #9F7E00, #008C52, #AA2D30, #1F1700)
• Hushed Bronze Chapel color palette (#F9E6CA, #B19F67, #886400, #5D3C00, #211C00)
• Muted Mustard color palette (#F6F3DC, #BEA838, #455300, #1D2400, #0A0800)
• Aged Scarlet color palette (#F7F4CF, #84A81C, #E04339, #4D6500, #440102)

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