Softworn Pier color palette — #F9EAFB · #00A4A0 · #005265 · #013306 · #00152A

Built around Turquoise, softened by Deep Forest — the whole palette hums with nature and growth.

The five colors

• Blush (#F9EAFB): A whisper-light, dusty pink — the color of neon signs at night.
• Turquoise (#00A4A0): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#005265): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#013306): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#00152A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Hushed Denim color palette (#FBE8F7, #4FAEBB, #005E86, #004027, #0B1C45)
• Dusty Lagoon color palette (#EEEFDC, #429A96, #005458, #002C25, #000507)
• Softworn Courtyard color palette (#F3E2EB, #158DAF, #003D72, #00231C, #07002A)
• Nightshade Veranda color palette (#FFE9F1, #339ACE, #0C38B1, #00302D, #18013C)
• Washed Forest Alley color palette (#F8EBE4, #76BFBB, #0093A9, #007140, #001623)
• Frosted Ultramarine Field color palette (#FCE9EF, #81B8E4, #4D5EBC, #004F50, #332548)
• Cerulean Terrace color palette (#F9F3F9, #93D2D1, #0085A5, #335F37, #1E3C5B)
• Hushed Brick Workshop color palette (#F7DFF5, #B2002F, #005854, #590013, #001312)

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