Patina Navy Quarry color palette — #FFF1F2 · #FFCCCA · #CFA66C · #4E7E70 · #284677

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Shell Pink (#FFCCCA): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#CFA66C): A luminous, balanced gold — the color of honey in a jar.
• Teal (#4E7E70): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#284677): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Wandering Taupe color palette (#FFD8DA, #CA9570, #747339, #323C6A, #191438)
• Worn Cypress Cabin color palette (#F7F2FF, #FFD3F0, #CE9589, #148180, #005252)
• Softworn Cobalt color palette (#FFF1F1, #FCC8A2, #AAAB6F, #6A6FA5, #3C3F67)
• Weathered Lagoon Alley color palette (#FFEDF4, #E6C28C, #BFB181, #489D74, #005A4E)
• Powdered Meadow color palette (#FFE2FA, #D09191, #9F6F36, #116285, #404476)
• Dusty Lantern color palette (#FFF1F4, #E6BCA4, #A27E3C, #385478, #0D294B)
• Powdered Fern Bloom color palette (#FFE3DB, #AF8D4F, #45661A, #382561, #130022)
• Antique Periwinkle Meadow color palette (#FFF3E9, #D9D6E2, #7BB0FA, #00878B, #2C2E61)

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