Softworn Pier color palette — #E2F4F3 · #42AEE1 · #005A88 · #002A34 · #000104
Built around Cyan, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#E2F4F3): a clean, paper-quiet neutral.
- Cyan (#42AEE1): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#005A88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Midnight (#002A34): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000104): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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 Teal color palette (#D8EBE6, #55B4AF, #006165, #002C24, #000102)
- Petrol Study color palette (#E1F2F1, #76C0F2, #006AB1, #003B4D, #00020B)
- Tempered Meadow color palette (#E5F2E7, #68AACB, #0B79C3, #005C65, #000526)
- Washed Boulevard color palette (#F4EDE1, #4D809A, #003E69, #001F23, #000109)
- Muted Thicket color palette (#EAF9F7, #89DAEF, #0087AA, #005056, #000F18)
- Feathered Periwinkle color palette (#DEFCFC, #DADCEE, #5399FF, #006B98, #10204F)
- Amethyst Boulevard color palette (#D8DDF9, #7E22F0, #006163, #35006F, #000202)
- Grape Cabin color palette (#E6E0F0, #7300BA, #850033, #003651, #020006)
Browse the whole catalog at Explore, or see today's palette.