Patina Navy Quarry color palette — #FFF2EC · #AE6652 · #006E59 · #004474 · #3A2327
Navy and Mocha set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Mocha (#AE6652): A full-bodied, balanced orange — the color of autumn markets.
- Pine (#006E59): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#004474): A deep, shadowed, balanced blue — the color of open sky before noon.
- Espresso (#3A2327): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Tempered Fern color palette (#FFF2F0, #AE5A72, #3D6A1D, #004C56, #361E29)
- Antique Lagoon color palette (#FCF3EB, #A0764D, #047B83, #474388, #402C29)
- Hushed Archive color palette (#FFF4E2, #C38864, #806700, #00576C, #413C37)
- Dusty Plum color palette (#FFEDEB, #B75175, #006E4C, #52376D, #1B0B09)
- Powdered Aubergine Harbor color palette (#FFF4E0, #7F6500, #005D7B, #4C008D, #3E1112)
- Timeworn Navy color palette (#FFEEE0, #924600, #004F4B, #02078B, #31011B)
- Aubergine Coast color palette (#F0E7D0, #695A00, #004769, #380055, #250500)
- Tempered Bronze color palette (#EEE3D5, #9A6400, #35322B, #2A1C08, #100D05)
Browse the whole catalog at Explore, or see today's palette.