Softworn Pier color palette — #FBE4F2 · #007566 · #00405F · #390E00 · #000708

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

The five colors

• Blush (#FBE4F2): A whisper-light, dusty pink — the color of neon signs at night.
• Teal (#007566): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00405F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#390E00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000708): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Pine Quarry color palette (#F7D6EB, #007A30, #00444B, #3F0018, #000704)
• Navy Studio color palette (#FEE4ED, #006165, #002B65, #200F00, #000203)
• Hushed Onyx color palette (#DDF1D8, #007577, #004454, #271156, #001922)
• Timeworn Parlor color palette (#D9F0D9, #00727F, #1421A0, #2B1A00, #00060C)
• Abyss Chapel color palette (#D3F1FF, #004D58, #201E24, #000F20, #000203)
• Denim Lagoon color palette (#D8EDE3, #3C8FA4, #405385, #3F2400, #191200)
• Garnet Pier color palette (#FFE3DE, #009488, #005D90, #6D0505, #001A1E)
• Worn Fern Parlor color palette (#D8E7D9, #7D7D22, #245000, #00322C, #080800)

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