Patina Cobalt color palette — #FDEEE8 · #B3DBBE · #1A8CC5 · #006543 · #102050

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Pistachio (#B3DBBE): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#1A8CC5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006543): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#102050): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, light.

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

• Powdered Atelier color palette (#FEEFE2, #A6D7F6, #577ED9, #00625D, #28184D)
• Hushed Lantern color palette (#F9EFED, #CCE4CA, #469AB4, #3E6A41, #0B342C)
• Cerulean Lantern color palette (#FBF4EA, #98DBE6, #008DB0, #00675E, #004567)
• Tempered Petrol color palette (#F3E6DF, #95BFA7, #326FA5, #004D3C, #0E0F38)
• Hushed Azure color palette (#FDF1FB, #B1E4F9, #3EA6E1, #00875B, #273C74)
• Cerulean Quarry color palette (#F0DED7, #3F99A1, #00506E, #002E17, #000313)
• Navy Balcony color palette (#ECDED1, #4580A1, #16347F, #001F1D, #020008)
• Worn Denim color palette (#FAEBDD, #6DA2CC, #3F509D, #003939, #110026)

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