Softworn Pier color palette — #FFF0FC · #1D56D3 · #005113 · #002C28 · #000103

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Cobalt (#1D56D3): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#005113): A deep, shadowed, balanced green — the color of fresh herbs.
• Deep Forest (#002C28): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Energy, Balance. Tagged jewel, vibrant.

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 Grape color palette (#FFF1F6, #763DBF, #004D40, #002F3B, #00000B)
• Muted Station color palette (#DFFDF1, #00719C, #474500, #002C0F, #000202)
• Tempered Boulevard color palette (#FFF0F8, #7F59FF, #007C5A, #004A52, #000511)
• Deep Studio color palette (#FADCE9, #4F009E, #003329, #29181F, #000A0D)
• Shadow Aubergine color palette (#E7E7FF, #711EA0, #4A2400, #002215, #020008)
• Powdered Harbor color palette (#FFF1F3, #B65AB8, #006972, #003A5F, #060003)
• Wisteria Summit color palette (#FFF1F3, #C57BC5, #007782, #005188, #16030C)
• Aged Moss Garden color palette (#FBF1FC, #79B2E9, #6A9041, #006D58, #041B0F)

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