Patina Cerulean Pier color palette — #E7F2E9 · #84D5CF · #0098A4 · #006F4F · #003441

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Lagoon (#84D5CF): A luminous, balanced teal — the color of sea glass.
• Cerulean (#0098A4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F4F): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003441): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Patina Cerulean Pier 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 Quarry color palette (#E9F1EA, #9ECBE5, #0090CD, #006B6D, #082F54)
• Teal Balcony color palette (#F6F6E7, #B8EBDB, #00A6AB, #006C5A, #002428)
• Forest Loft color palette (#F3EBF4, #7AC0BA, #00748B, #1B5213, #07304E)
• Soft Azure Orchard color palette (#ECF9EE, #A3E7FB, #00A9E5, #008281, #164268)
• Emerald Pier color palette (#F8ECE5, #C0DCBC, #00B8D0, #319458, #003248)
• Cerulean Villa color palette (#E7F4E9, #46A1AD, #00627A, #003C35, #000B14)
• Patina Turquoise Alley color palette (#F1F7F2, #D1E2F3, #6DC0CF, #4F9680, #405663)
• Byzantium Archive color palette (#DEEDDF, #AD7C00, #008B92, #9736AA, #2B1C00)

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