Patina Cerulean color palette — #FFF2EB · #B2F4F2 · #00A3BF · #006E42 · #002134

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

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#B2F4F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#00A3BF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E42): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Patina Cerulean 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

• Cypress Studio color palette (#FFF2EC, #BFE9F3, #5BB2D6, #008264, #0F304E)
• Azure Lagoon color palette (#FCF3EC, #C6F1E0, #5E93DD, #00696D, #171645)
• Patina Cobalt Delta color palette (#FFF2EB, #96D8E9, #0983BB, #005247, #000A27)
• Denim Boulevard color palette (#F8EAE3, #69AFBB, #005C7E, #002C23, #000104)
• Cypress Pier color palette (#E9EAE0, #7FC1C0, #007A81, #004C42, #001A1F)
• Weathered Lagoon color palette (#FDF3ED, #C1E6F6, #95BFEA, #2E938F, #4F3649)
• Dusty Canyon color palette (#DEFFE4, #80DFA0, #00945A, #00471F, #000902)
• Patina Summit color palette (#FCEBDB, #77C0ED, #2E65B7, #003D40, #020013)

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