Patina Navy color palette — #EFF6FF · #D6C297 · #5B719F · #2E416C · #182232

Built around Navy, softened by Slate — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sand (#D6C297): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#5B719F): A full-bodied, dusty violet — the color of a velvet chair.
• Navy (#2E416C): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#182232): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Driftwood Chapel color palette (#F3F5FC, #BCDAC2, #81769E, #474A69, #292B34)
• Timeworn Loft color palette (#F0F6FF, #C4AB79, #364F87, #1E2D4D, #1D1B27)
• Wandering Sand Chapel color palette (#FCF2FA, #FFE2A5, #5E75A7, #482E45, #150C14)
• Airy Veranda color palette (#F5F3FF, #D9B66B, #8B4A9A, #561C63, #1C1433)
• Timeworn Veranda color palette (#FEF0FC, #F1D18F, #7C94C8, #745970, #291D27)
• Chalky Loft color palette (#F2F5FD, #B9C0F4, #C0729E, #6D6FE6, #291F31)
• Feathered Pine Cabin color palette (#F2F5FF, #958CD0, #AC691A, #257230, #192F3E)
• Worn Olive Atelier color palette (#EAFAED, #C1A1E1, #B26D92, #5F6B00, #3E3953)

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