Patina Cobalt color palette — #FAEFEA · #96D3DF · #1886B4 · #005D4C · #2C182D

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FAEFEA): a clean, paper-quiet neutral.
• Ice Blue (#96D3DF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#1886B4): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005D4C): A full-bodied, balanced teal — the color of glacier melt.
• Deep Indigo (#2C182D): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Cobalt 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

• Aqua Terrace color palette (#FFEEE6, #39D3D4, #007F97, #005535, #001C2E)
• Cerulean Canyon color palette (#FAF0E8, #B4E4FF, #6B90BF, #1E6B6C, #3C2235)
• Weathered Forest color palette (#FAF3F8, #AACBD9, #427FA6, #006343, #2A3861)
• Hushed Cobalt Grove color palette (#F4E6DA, #7FBBE4, #3E69B4, #004A50, #130F33)
• Teal Field color palette (#C9E8DE, #00ADA3, #007689, #004860, #001F36)
• Rust Workshop color palette (#D9F0E1, #00A2C0, #BD5A45, #005F72, #390801)
• Worn Cerulean Corridor color palette (#EFDACE, #30849A, #004061, #00201B, #000108)
• Olive Lagoon color palette (#F9F0EC, #C3ECE4, #6BA5BF, #597638, #1F3D36)

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