Softworn Pier color palette — #D7FFF6 · #A9EFFF · #82B0D9 · #8E606E · #5F2E24

Blue Fog and Cocoa set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7FFF6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sea Foam (#A9EFFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#82B0D9): A luminous, dusty blue — the color of deep harbor water.
• Pewter (#8E606E): A full-bodied, dusty rose — the color of a warm blush.
• Cocoa (#5F2E24): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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

• Weathered Garnet Basin color palette (#DFFFE1, #ACEEE0, #6FAFBB, #7F7297, #6B3642)
• Glacier Meadow color palette (#E8F8FF, #AADCF9, #8497BB, #755D71, #523742)
• Aged Petrol Lantern color palette (#B2EDFF, #7CAAD6, #6C6CA3, #5F3427, #281600)
• Softworn Bronze color palette (#E3FAFF, #C3E5FF, #979BCC, #A56054, #345032)
• Pewter Summit color palette (#DDF0FC, #758CC5, #6E548C, #552800, #0E0800)
• Quiet Sky color palette (#EBF5BB, #A5DAC0, #67B8DA, #A48346, #654700)
• Hushed Chestnut Dune color palette (#EDF6FF, #B7C5FF, #A884B7, #804F01, #393500)
• Timeworn Cobalt Atelier color palette (#E5ECD8, #6FBAA8, #207CB7, #6E4302, #3F2400)

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