Patina Navy color palette — #EDEEDD · #609D77 · #006451 · #2C316A · #001709

Navy and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EDEEDD): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#609D77): A luminous, balanced teal — the color of glacier melt.
• Pine (#006451): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#2C316A): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001709): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, 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

• Wandering Cypress color palette (#F1F4E5, #76AE97, #00756B, #443F6F, #162006)
• Wandering Aubergine color palette (#E5DECA, #849565, #30632C, #541F59, #0E1500)
• Hushed Fern color palette (#F2EADE, #919161, #455F00, #003F54, #181100)
• Hushed Cabin color palette (#D6EADE, #6D9A5C, #00644F, #5C2B3E, #06302B)
• Worn Balcony color palette (#F9EEDC, #7C7C48, #364C00, #311954, #090800)
• Olive Thicket color palette (#F7F1E6, #BCB396, #677E44, #604B71, #2E270C)
• Pale Studio color palette (#FEF4E1, #AAC591, #008C64, #7F3250, #0F1D00)
• Hushed Pier color palette (#EFE8DD, #8CBBD4, #1B6FB1, #004A52, #02113C)

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