Softworn Pier color palette — #EEF8F1 · #3897A8 · #7A4F8A · #484D00 · #004049

Graphite and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Cerulean (#3897A8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Graphite (#7A4F8A): A full-bodied, balanced pink — the color of peonies in June.
• Deep Olive (#484D00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004049): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ancient Petrol Boulevard color palette (#EDF9ED, #309A9A, #3E6499, #653E00, #004141)
• Antique Lagoon color palette (#FCF1FC, #5C8AC9, #884C72, #005818, #153765)
• Worn Mulberry Pier color palette (#EBF2FF, #7189D3, #994364, #523E00, #00251E)
• Muted Forest Studio color palette (#FBF3F1, #D0E2D0, #4895B0, #37713F, #553E58)
• Basalt Boulevard color palette (#FDF3EA, #BFAD89, #667B53, #754C56, #553F00)
• Mulberry Pier color palette (#CFF1E4, #0077A9, #820071, #1F3C00, #00273C)
• Softworn Terracotta color palette (#FFECF3, #7F69AA, #89361C, #00434B, #341B56)
• Antique Chestnut Grove color palette (#E7FAF3, #4890BF, #934E24, #005163, #1A3352)

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