Timeworn Navy Pier color palette — #DEF9FF · #006E64 · #003C8F · #373200 · #002009

Built around Indigo, softened by Teal — the whole palette hums with nature and growth.

The five colors

• Ivory (#DEF9FF): A whisper-light, dusty blue — the color of open sky before noon.
• Teal (#006E64): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#003C8F): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#373200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#002009): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Timeworn 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

• Chalky Aubergine Chapel color palette (#E7F8FF, #006976, #4300A8, #223600, #001B15)
• Pale Aubergine color palette (#CFF8FE, #007365, #004486, #3C0079, #001B06)
• Powdered Thicket color palette (#CEEDFF, #007A97, #2C30BA, #53005F, #002C22)
• Weathered Coast color palette (#D3EAFF, #005791, #65006C, #002E20, #00161F)
• Tempered Fern color palette (#D3F8ED, #556B00, #00484D, #4C1900, #211800)
• Wandering Pier color palette (#E7F9FF, #BDD7E4, #83ADC7, #00676E, #1D3740)
• Aubergine Workshop color palette (#EBF7FF, #007DA3, #6923A7, #004812, #002932)
• Frosted Aubergine Workshop color palette (#C0F4C7, #008CA4, #005981, #520079, #002E3C)

Browse the whole catalog at Explore, or see today's palette.