Soft Pier color palette — #F7D9C8 · #AF8500 · #577200 · #004621 · #001917

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F7D9C8): A whisper-light, dusty gold — the color of old brass.
• Mustard (#AF8500): A luminous, balanced gold — the color of old brass.
• Olive (#577200): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004621): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Ink (#001917): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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 Moss Veranda color palette (#F9EDDB, #939700, #00753A, #004941, #001720)
• Marigold Market color palette (#F5E0CE, #BC9E19, #5E6C00, #003C14, #000604)
• Washed Bronze Thicket color palette (#F2EADB, #897B00, #3E4D00, #0A3000, #001A0E)
• Faded Amber Courtyard color palette (#FFE6E7, #D97321, #7D5E00, #334300, #001F12)
• Aubergine Villa color palette (#F3DFD2, #AF7100, #0F722D, #49006C, #1A1600)
• Weathered Thicket color palette (#EAE6D0, #5C6800, #3D4A4B, #002C1D, #0C0900)
• Olive Delta color palette (#E9E5CA, #2D8900, #005543, #002830, #000309)
• Lime Dune color palette (#F2E5CF, #A3B800, #009139, #00605D, #002A39)

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