Softworn Navy Pier color palette — #F6EAF7 · #B297A7 · #93717B · #00356B · #0A010B
A conversation between Navy and Mocha, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6EAF7): A whisper-light, dusty pink — the color of neon signs at night.
- Dusty Rose (#B297A7): A luminous, dusty pink — the color of neon signs at night.
- Mocha (#93717B): A full-bodied, dusty rose — the color of a warm blush.
- Navy (#00356B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Ink (#0A010B): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Softworn Navy 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
- Navy Canyon color palette (#E6EEF6, #A3A9BA, #817A9A, #003965, #051524)
- Tempered Navy color palette (#EDDEE6, #A1858C, #865F60, #281A5E, #040002)
- Navy Lantern color palette (#E8EFF8, #C3D0EA, #9DA5BD, #214994, #00020B)
- Aubergine Market color palette (#E7DDDE, #C7ACA8, #A48679, #662661, #140608)
- Washed Pewter Orchard color palette (#F9EFF1, #E1D3CA, #C7B2AB, #7B5384, #2A1C1F)
- Ancient Ultramarine color palette (#FAEDF8, #ECC8D9, #BE9FC2, #2D53B1, #231421)
- Ancient Grove color palette (#DCEAFB, #775FA2, #6C2F4F, #022903, #0B0C00)
- Hushed Amethyst color palette (#F7DEED, #0090BB, #6A49F4, #7C0069, #020006)
Browse the whole catalog at Explore, or see today's palette.