Patina Cobalt color palette — #FBF3EF · #A6D1B7 · #1B80B6 · #006155 · #4A3049

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Pistachio (#A6D1B7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1B80B6): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006155): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#4A3049): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, 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

• Cerulean Lantern color palette (#FEF2ED, #94D1D8, #0084AA, #00624A, #13443A)
• Cobalt Lantern color palette (#FBF4ED, #BCE8D7, #5C8AD3, #097075, #593E4F)
• Sunlit Sapphire color palette (#F5EDE5, #8DB6D9, #355DCD, #004E57, #2C2555)
• Washed Navy color palette (#E6DCD6, #4C8A9F, #003F67, #002320, #01032A)
• Lagoon Orchard color palette (#EEF8F0, #BAE8FF, #78BBDE, #269F9B, #193D5C)
• Teal Pier color palette (#D0FFF1, #4BBD9A, #007158, #004239, #002921)
• Tempered Plum color palette (#EAF2DF, #29B780, #AC2B8B, #006744, #4F2441)
• Chalky Moss color palette (#EBF0D7, #73AF50, #008651, #005C49, #034051)

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