Softworn Pier color palette — #D4EAFB · #005D84 · #404500 · #00311B · #00181A
Peacock and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D4EAFB): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#005D84): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#404500): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#00311B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#00181A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, 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
- Inked Ridge color palette (#E3F0FF, #005082, #253400, #002419, #00080C)
- Tempered Petrol Cabin color palette (#E8F8FF, #007583, #634B00, #293C00, #00272A)
- Lapis Grove color palette (#E9EFFF, #4F37E5, #005332, #003033, #00152A)
- Tempered Ridge color palette (#F7DFE9, #805DC3, #AF1138, #374A00, #001B14)
- Amethyst Atelier color palette (#F2F4FF, #7E46D9, #006354, #004452, #101F40)
- Dusty Garnet color palette (#CEF0EE, #006F34, #790700, #3A2200, #001C13)
- Denim Hollow color palette (#EBEEF8, #C8CBDA, #9D9EB5, #4E4A8F, #292D3A)
- Dusty Olive Boulevard color palette (#FDF1F7, #AC7855, #5C7539, #195D4C, #293A42)
Browse the whole catalog at Explore, or see today's palette.