Tempered Navy Pier color palette — #D9E6DB · #4D87AC · #003C74 · #002128 · #020427

A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Parchment (#D9E6DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#4D87AC): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003C74): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#002128): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#020427): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Navy color palette (#D5E5D8, #5796C7, #00439D, #002E39, #0A083E)
• Lagoon Field color palette (#E4EDE5, #4B8D8D, #00454F, #00231A, #000B11)
• Navy Atelier color palette (#FEE8F1, #3C80A8, #0E2997, #001F1E, #020008)
• Hushed Cobalt color palette (#E3E8D8, #73A7CA, #2879B9, #005A72, #00091B)
• Petrol Dune color palette (#E7F2E9, #71C0C5, #007589, #005142, #003346)
• Washed Jade Chapel color palette (#E3EEDB, #61A575, #00776F, #3A3700, #001411)
• Inked Olive color palette (#DEECDA, #2E7900, #143000, #162229, #020C00)
• Aubergine Boulevard color palette (#C8EADE, #485900, #5A0086, #1C2400, #0C0017)

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