Patina Navy color palette — #DFF5F2 · #0097A6 · #005B83 · #00316B · #110240

Navy and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#DFF5F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0097A6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#005B83): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00316B): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#110240): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Aged Market color palette (#DCF5F9, #0095B8, #00648A, #004072, #2B195D)
• Wandering Grove color palette (#DAF9E3, #009786, #00646A, #003447, #001529)
• Sky Harbor color palette (#A9F5FF, #00C0EB, #007DB1, #004F83, #001842)
• Aubergine Station color palette (#CCEBF1, #007BAD, #004589, #210078, #10001D)
• Denim Chapel color palette (#DCE8FC, #648FDC, #1E58AE, #002B52, #000410)
• Feathered Azure color palette (#C6EFE4, #2393EB, #8D4700, #00497C, #200B00)
• Soft Villa color palette (#CFE3E8, #73B6E5, #5970B8, #574684, #381E42)
• Tempered Taupe color palette (#D5F3E6, #BDBDF7, #CF90B0, #006362, #2A142A)

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