Patina Navy color palette — #F8F0E9 · #A77D49 · #0F7282 · #484681 · #2B1612

Built around Indigo, softened by Caramel — the whole palette hums with trust and stability.

The five colors

• Cream (#F8F0E9): a clean, paper-quiet neutral.
• Caramel (#A77D49): A luminous, balanced gold — the color of honey in a jar.
• Teal (#0F7282): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#484681): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#2B1612): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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 Navy color palette (#F7F1E5, #A89C6C, #328075, #334787, #3E1829)
• Mulberry Market color palette (#F5F2E7, #919959, #4071A9, #73356A, #241407)
• Wandering Bronze color palette (#EFF8F0, #A47A28, #337D4B, #51437A, #28372A)
• Quiet Coast color palette (#FBF1DC, #856C00, #006082, #4B007C, #220200)
• Tempered Petrol Bloom color palette (#FAF5EA, #CEC38E, #639F6A, #685C9D, #342813)
• Washed Workshop color palette (#FDF2F5, #CA996C, #009AA9, #6A6899, #3F3342)
• Hushed Study color palette (#EDE7D6, #6C6500, #004974, #3D004C, #090100)
• Washed Driftwood Pier color palette (#F5F1EC, #D5D7D1, #A6B6AE, #977F52, #3C352B)

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