Softworn Pier color palette — #D6E8E9 · #959600 · #007B58 · #003DBD · #000303

Cobalt and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D6E8E9): bright and airy, almost weightless.
• Moss (#959600): A luminous, balanced green — the color of new leaves after rain.
• Teal (#007B58): A full-bodied, balanced teal — the color of sea glass.
• Cobalt (#003DBD): A full-bodied, vivid violet — the color of a velvet chair.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged candy, vibrant, light.

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

• Pale Nightshade color palette (#BEE6F2, #639400, #007E7E, #2D00CF, #000203)
• Bronze Orchard color palette (#D4F4F4, #A97E00, #008659, #005781, #000202)
• Soft Veranda color palette (#E1EED5, #A1AB00, #00A486, #1F4DF7, #001213)
• Emerald Bloom color palette (#D1E2E6, #00A338, #007B6F, #005266, #001313)
• Quiet Boulevard color palette (#DDF2FF, #00A753, #007B9F, #610097, #000103)
• Denim Drift color palette (#F2E2EC, #5594A9, #004A85, #002D23, #03001B)
• Olive Study color palette (#E4E7CC, #5F6F2E, #005150, #331800, #080900)
• Powdered Lime Studio color palette (#E1FAD5, #4ADF6D, #00AA9A, #00779A, #000201)

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