Softworn Pier color palette — #F4E0CB · #B5871C · #9A5E00 · #783809 · #0F0B00
A conversation between Mustard and Ochre, giving this palette its sense of optimism and balance.
The five colors
- Parchment (#F4E0CB): A whisper-light, dusty gold — the color of old brass.
- Mustard (#B5871C): A luminous, balanced gold — the color of old brass.
- Ochre (#9A5E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Bronze (#783809): A full-bodied, balanced gold — the color of honey in a jar.
- Ink (#0F0B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.
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
- Airy Amber color palette (#F4D4E6, #D07600, #B14A00, #812B24, #130900)
- Quiet Courtyard color palette (#F4D9E3, #977A00, #784400, #5D0B06, #090D00)
- Amber Workshop color palette (#F2DAE2, #CD9300, #AB6C22, #804A2F, #001C0D)
- Tempered Moss color palette (#CCEFDD, #849B2E, #777100, #604900, #000F0C)
- Gentle Mustard Balcony color palette (#FBD9A3, #DAB400, #C18800, #A55C00, #2B2B00)
- Chestnut Garden color palette (#FCE9D4, #7F5916, #4E2E00, #281100, #030100)
- Feathered Apricot Thicket color palette (#F5D8E9, #F09B55, #CE724A, #9B534E, #122B12)
- Magenta Balcony color palette (#F3ECFF, #F734D8, #BC4B00, #A91F93, #060003)
Browse the whole catalog at Explore, or see today's palette.