Patina Navy color palette — #D7F4F1 · #3D81A0 · #3A3F72 · #392400 · #181600

Navy and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D7F4F1): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3D81A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#3A3F72): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#392400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#181600): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Patina Navy 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

• Hushed Denim color palette (#D7E2D7, #098A82, #0D5380, #461A00, #1F1300)
• Petrol Thicket color palette (#CEEDF6, #3E6590, #4B305D, #212400, #021303)
• Hushed Lagoon Summit color palette (#FCEAE1, #42A09C, #005360, #003218, #001623)
• Patina Parlor color palette (#CAE6FB, #496697, #393D75, #450035, #1C000A)
• Feathered Garnet Delta color palette (#DCE4F9, #7E7FB0, #66527E, #6A062E, #420005)
• Dusty Indigo color palette (#C9EBE2, #25A1BF, #5D6FCF, #69480D, #2B1F00)
• Driftwood Drift color palette (#DEE8F3, #8878AC, #7D4B60, #06422A, #002829)
• Navy Alley color palette (#E6F0FF, #00499B, #5B3800, #273107, #000719)

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