Softworn Navy Pier color palette — #E2EAF5 · #8E9AB3 · #696E8E · #00285D · #030914
A conversation between Midnight and Slate, giving this palette its sense of trust and stability.
The five colors
- Frost (#E2EAF5): a clean, paper-quiet neutral.
- Blue Fog (#8E9AB3): A luminous, dusty violet — the color of a velvet chair.
- Slate (#696E8E): A full-bodied, dusty violet — the color of twilight just after sunset.
- Midnight (#00285D): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#030914): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Navy Studio color palette (#EFE8F0, #AEA0A8, #9A7D86, #084580, #100412)
- Aubergine Lantern color palette (#EDEBFA, #ADA5B7, #8B7692, #54195B, #141120)
- Worn Denim color palette (#EAEEF8, #C7CAE1, #A09DB4, #494C8F, #272D3D)
- Lapis Boulevard color palette (#DFE6FB, #0088DF, #5731E4, #60006E, #060015)
- Tempered Nightshade Station color palette (#DBE0ED, #6B4C9A, #55324E, #281D00, #001308)
- Velvet Fern color palette (#C8E7D5, #576500, #123400, #001929, #050700)
- Pewter Grove color palette (#F4F4FC, #E2D7E0, #CDBAC5, #726F95, #474651)
- Nightshade Grove color palette (#D3E0F7, #2200B3, #3D0020, #181E26, #0F0700)
Browse the whole catalog at Explore, or see today's palette.