Tempered Navy Pier color palette — #ECE2E9 · #B6A3AA · #9F7177 · #202587 · #1C0F19
A conversation between Indigo and Mocha, giving this palette its sense of creativity and sophistication.
The five colors
- Rose Water (#ECE2E9): bright and airy, almost weightless.
- Ash (#B6A3AA): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#9F7177): A full-bodied, dusty red — the color of late-summer berries.
- Indigo (#202587): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#1C0F19): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Tempered 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 Grove color palette (#E3E7EF, #999EB8, #777992, #2E2B6B, #02040D)
- Muted Ridge color palette (#ECDFE2, #BDA2A0, #9F7365, #59006A, #1E0E12)
- Timeworn Navy Boulevard color palette (#F5E7EF, #C4ADB8, #AE8997, #484891, #1E0D18)
- Softworn Driftwood color palette (#E6F3EC, #B2A4B3, #787BA7, #003E4F, #091710)
- Antique Nightshade Chapel color palette (#FEF1F8, #E2CCD2, #C596B4, #5149AC, #422A39)
- Aged Mulberry color palette (#FCF2F3, #E0D7D0, #C8AD9F, #894B78, #453637)
- Dusty Orchard color palette (#D6DEF0, #80619E, #753150, #003629, #001E20)
- Moonless Aubergine Station color palette (#F4DFE6, #514700, #4E0084, #1D1504, #160010)
Browse the whole catalog at Explore, or see today's palette.