Patina Navy color palette — #E6DFD2 · #8D9157 · #247441 · #1C3378 · #271047
Navy and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#E6DFD2): bright and airy, almost weightless.
- Moss (#8D9157): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#247441): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1C3378): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#271047): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. 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
- Chalky Pier color palette (#E7DFCE, #989800, #347640, #15285C, #100225)
- Muted Summit color palette (#EBEDDF, #5F8F5B, #006D60, #3E2179, #350032)
- Airy Courtyard color palette (#FFDFCD, #9F8558, #5E6800, #004760, #091C4C)
- Feathered Moss Workshop color palette (#FCD8CE, #A89720, #448564, #5E4675, #221130)
- Misty Ultramarine color palette (#ECE5C6, #9FB974, #589D75, #4C59B3, #472A5A)
- Hazy Fern Boulevard color palette (#FFE4E3, #8D6B3D, #375900, #49123A, #34000E)
- Weathered Pewter Coast color palette (#DFF1D5, #A3B192, #64896C, #6A4A75, #552B3F)
- Washed Station color palette (#E8F1D9, #829C7E, #3A7689, #73315F, #481118)
Browse the whole catalog at Explore, or see today's palette.