Patina Cobalt color palette — #F8EEF6 · #96D3DF · #2D84B7 · #005E40 · #11203A

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

The five colors

• Blush (#F8EEF6): a clean, paper-quiet neutral.
• Ice Blue (#96D3DF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#2D84B7): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#11203A): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Cerulean color palette (#EFF8F0, #90D1DE, #0084A9, #006059, #1F3D56)
• Hushed Iris Drift color palette (#F7EFF3, #BDE2FC, #678ECE, #006D63, #242A43)
• Dusty Drift color palette (#F2E5EA, #85BBDF, #4565BD, #004B49, #1A0A34)
• Dusty Mallow color palette (#DFF7FF, #C0E0FF, #CEA2E5, #3E7956, #102431)
• Timeworn Teal color palette (#D6F5E2, #00A99A, #006F79, #004869, #0F1F40)
• Ancient Field color palette (#E7DCE3, #3E8394, #003F65, #002016, #00000C)
• Washed Scarlet color palette (#D7EDF9, #00A1C1, #D2432E, #005F73, #390703)
• Antique Turquoise color palette (#E3F5FF, #43B1D7, #0073A0, #00394A, #000C15)

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