Patina Petrol Lagoon color palette — #CFE4E4 · #4CA1C9 · #4F67A6 · #603232 · #3D1D00

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Silver (#CFE4E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4CA1C9): A luminous, balanced blue — the color of deep harbor water.
• Slate (#4F67A6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#603232): A deep, shadowed, dusty orange — the color of toasted spice.
• Espresso (#3D1D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Gentle Indigo color palette (#DAE9F2, #6A93D3, #775BB2, #703300, #291E00)
• Hushed Basin color palette (#D5F1E6, #54A4B8, #4F6899, #694301, #313D09)
• Pale Parlor color palette (#D9F9E9, #00B1B6, #1E79A1, #6B2B53, #44040E)
• Periwinkle Summit color palette (#C1EAFF, #84A5DC, #8A75AD, #58524D, #382700)
• Cobalt Ridge color palette (#D0F0FC, #80B3D7, #5681C4, #714F77, #592F4C)
• Softworn Indigo Pier color palette (#E2E9FE, #8270C1, #6C3B62, #402F00, #101600)
• Washed Garden color palette (#CDE0FF, #BF94AB, #89656E, #6D4800, #342800)
• Gentle Delta color palette (#DDFFE7, #54DAFE, #978BCD, #834D14, #4F2A00)

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