Patina Navy color palette — #E6F7E9 · #B3995F · #5D7533 · #0E4586 · #0C291B

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

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Camel (#B3995F): A luminous, balanced gold — the color of honey in a jar.
• Olive (#5D7533): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#0E4586): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#0C291B): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Denim Veranda color palette (#E7F7EA, #A6B27E, #528569, #514883, #18322D)
• Bronze Alley color palette (#E7F7EA, #C38F6D, #7E6915, #004E64, #351823)
• Muted Corridor color palette (#FFF3E9, #C3885D, #487914, #544178, #413C36)
• Navy Villa color palette (#EBF5EE, #A08C4B, #007568, #27348E, #3B041D)
• Mustard Study color palette (#FFF4E2, #D3AB4E, #769246, #406596, #403D36)
• Sunlit Hollow color palette (#EBE2D2, #878400, #006424, #28008E, #0E1500)
• Aged Olive Ridge color palette (#E1F5EB, #7C791F, #193731, #001C11, #030804)
• Hushed Aubergine Workshop color palette (#DBF0DF, #469D78, #00686F, #5C1654, #001D18)

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