Softworn Pier color palette — #F8E5A7 · #A9B56B · #3A9B59 · #006552 · #00373C
Built around Kelly Green, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Peach Cream (#F8E5A7): A whisper-light, balanced green — the color of a quiet forest floor.
- Sage (#A9B56B): A luminous, balanced green — the color of fresh herbs.
- Kelly Green (#3A9B59): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#006552): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Teal (#00373C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Optimism, Balance. Tagged cool.
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
- Tempered Emerald color palette (#FFF6D0, #BED27A, #32A44C, #006953, #002A2D)
- Faded Mint color palette (#D2ECAE, #6FC78E, #009886, #006671, #003652)
- Softworn Fern Drift color palette (#FFDCC3, #CEA752, #818929, #2C6A1C, #003D30)
- Gentle Market color palette (#CEF0B3, #7BAB7B, #097A42, #005037, #003A2E)
- Faded Moss color palette (#E4E3D3, #70A333, #007446, #004841, #00181D)
- Softworn Moss Villa color palette (#FFE7F1, #9CAB53, #1D8A74, #723F74, #1F3817)
- Soft Mint color palette (#DEFDF8, #F7C974, #85D67A, #00AEAB, #003639)
- Driftwood Boulevard color palette (#EFF7F4, #D0DBDF, #ACC3D1, #7F864F, #313E39)
Browse the whole catalog at Explore, or see today's palette.