Patina Lagoon color palette — #F5EBF4 · #7BBEC5 · #00719A · #00532F · #182D51

Peacock and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F5EBF4): a clean, paper-quiet neutral.
• Ash (#7BBEC5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#00719A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Olive (#00532F): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#182D51): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

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

• Cobalt Summit color palette (#FAF3F7, #A3CCE0, #337EB4, #006248, #2D3A55)
• Petrol Drift color palette (#F1E8D9, #66C4CD, #007790, #004C41, #001926)
• Denim Garden color palette (#F6E5EE, #6FA8BE, #0057A3, #003F34, #1A1647)
• Soft Ultramarine Harbor color palette (#F7EBEE, #87B7DF, #4A5AC8, #004F51, #35224F)
• Patina Drift color palette (#F7ECE6, #B9DEC0, #2EB4E0, #009470, #003053)
• Weathered Azure Garden color palette (#F9F3F8, #D4E1F4, #67A1C5, #467C62, #465368)
• Navy Villa color palette (#F6EBF2, #398CA3, #003E6B, #00231A, #05002C)
• Linen Nightshade color palette (#D7E3D6, #6994BA, #312DB4, #003031, #1D0235)

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