Patina Cobalt color palette — #FCF3ED · #ADCEBC · #3C7BBC · #006150 · #333561

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Pistachio (#ADCEBC): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#3C7BBC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006150): A full-bodied, balanced teal — the color of sea glass.
• Navy (#333561): A deep, shadowed, dusty violet — the color of wild irises.

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

• Sunlit Grove color palette (#FFF2ED, #79C5D2, #0076AA, #00593A, #10277B)
• Cobalt Boulevard color palette (#EBF5ED, #A3CEE8, #2384BA, #005B5E, #07213D)
• Ancient Cypress Garden color palette (#F9F4EF, #C9E3DC, #7F86B5, #007076, #5F3B49)
• Weathered Denim color palette (#EDDAD4, #519DA0, #00516A, #003213, #00132F)
• Tempered Quarry color palette (#FCF2F7, #B4EAFE, #74B6FC, #3C9F88, #2D3959)
• Antique Ultramarine Veranda color palette (#E9DBD0, #70A6C5, #2050B0, #003E3A, #220C4E)
• Ancient Hollow color palette (#FFF1F1, #FFC9C0, #B5A86C, #785CAC, #5B3C31)
• Patina Navy color palette (#EFE0D6, #5288A3, #003685, #00231F, #0B0027)

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