Patina Cobalt Lagoon color palette — #F8ECE6 · #AACFB4 · #278FC8 · #006F4B · #1C2B55

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

The five colors

• Cream (#F8ECE6): bright and airy, almost weightless.
• Pistachio (#AACFB4): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#278FC8): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006F4B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#1C2B55): A deep, shadowed, dusty 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 Lagoon 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

• Worn Harbor color palette (#FBF3EF, #BDDECB, #629AD1, #007E66, #323660)
• Azure Ridge color palette (#FCF1FA, #C4EDFF, #1E9BDF, #006D4C, #101B41)
• Chalky Terrace color palette (#F0E7DF, #88B9D3, #4071C9, #005A52, #201347)
• Brick Summit color palette (#F5D7CB, #E56E6C, #0093BF, #AD2F34, #002E3E)
• Hushed Lagoon color palette (#F2E1DC, #5FB1B2, #00718F, #004E1C, #00142D)
• Denim Parlor color palette (#F9E7DB, #509DBC, #1E589D, #003C34, #090029)
• Ember Alley color palette (#FFEBDC, #D35F00, #0089A0, #306693, #371300)
• Muted Powder Studio color palette (#FBF3EF, #CEE7E4, #8FB6D7, #7C8D6A, #5F4B5A)

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