Softworn Pier color palette — #F2E2DA · #60AFC2 · #00598D · #002D20 · #00000B

Peacock and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F2E2DA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#60AFC2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00598D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002D20): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Wandering Villa color palette (#FDEADE, #77C3DB, #006AB3, #003F32, #020013)
• Timeworn Corridor color palette (#ECE3E9, #388D9F, #004065, #002318, #03002E)
• Dusty Grove color palette (#E4EFE6, #66ACBF, #007FAA, #005D5A, #000A17)
• Lilac Meadow color palette (#E0EEE5, #96B6FF, #A46FAF, #004F3E, #000103)
• Tempered Delta color palette (#DEEFE6, #007695, #982400, #00303F, #040000)
• Obsidian Cypress color palette (#D2F5E2, #007978, #00424B, #001523, #000106)
• Tempered Atelier color palette (#FCF3ED, #CCEAFF, #748FD3, #006A66, #22143D)
• Softworn Cocoa color palette (#BFEAF6, #005F71, #6A3700, #4D2600, #000102)

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