Softworn Pier color palette — #E3E4F6 · #40D1FF · #00D6A6 · #484B44 · #1A1F15

Built around Aqua, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Frost (#E3E4F6): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#40D1FF): A luminous, balanced blue — the color of deep harbor water.
• Aqua (#00D6A6): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#484B44): a grounded near-black with real depth.
• Onyx (#1A1F15): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Sunlit Lime color palette (#FCE5D2, #00D8E9, #68D612, #4F4F48, #1F2015)
• Hushed Aqua color palette (#F1DBF1, #B4B8FF, #00CCEE, #385A46, #101D15)
• Wandering Lagoon color palette (#F2F2D3, #96D9FF, #00E7C2, #4E5A47, #292E27)
• Tempered Lime color palette (#F8DDD3, #00E0A9, #BBC100, #504E47, #1D1808)
• Aged Corridor color palette (#E1F5DE, #1BC5BC, #839CEA, #916FBE, #182C15)
• Celadon Delta color palette (#B4FAB0, #CEDCFF, #72E7FF, #576C5E, #2B362F)
• Softworn Teal Delta color palette (#F1F7F1, #CDDEDA, #ACC8C4, #41B3B0, #363D35)
• Timeworn Lime Pier color palette (#FEDFD8, #B1B1FF, #A5BB00, #393831, #1E1B0C)

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