Patina Navy color palette — #D8F5F9 · #006052 · #00389D · #2F2700 · #000303

Indigo takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D8F5F9): A whisper-light, dusty blue — the color of deep harbor water.
• Pine (#006052): A full-bodied, balanced teal — the color of glacier melt.
• Indigo (#00389D): A deep, shadowed, vivid violet — the color of wild irises.
• Espresso (#2F2700): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000303): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Twilit Aubergine color palette (#C7E7F3, #004D54, #3B078C, #182000, #000102)
• Shadow Fern color palette (#C5EEE1, #485B00, #004D55, #471500, #020300)
• Weathered Lagoon Cabin color palette (#CEE2E9, #00898D, #314673, #003F41, #000103)
• Powdered Lantern color palette (#D9F3FC, #007A81, #583BC4, #354100, #000E0F)
• Tempered Aubergine color palette (#D9E5D1, #00604E, #611B7A, #491500, #00110C)
• Obsidian Aubergine color palette (#D1E6F4, #006181, #2E168C, #31002E, #000504)
• Wandering Petrol color palette (#D1E9F2, #007CAA, #004B78, #001E43, #00001D)
• Misty Lantern color palette (#E6EDF9, #485ABA, #90205E, #003F3E, #030322)

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