Patina Petrol Lagoon color palette — #F1F5FC · #DDD8E0 · #C9BAC5 · #5D73A6 · #414853

A conversation between Slate and Stone, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DDD8E0): bright and airy, almost weightless.
• Stone (#C9BAC5): A luminous, dusty pink — the color of peonies in June.
• Slate (#5D73A6): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#414853): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Antique Bloom color palette (#F6F0F4, #DCD4D4, #CCB7B3, #6271AA, #322930)
• Softworn Powder color palette (#E5F4FF, #A9B1D4, #95829B, #416D6F, #2F5263)
• Timeworn Mulberry color palette (#F7F3FC, #E1D6D9, #C4ACB6, #894C74, #3C3842)
• Indigo Canyon color palette (#E0E3F9, #7960AE, #382C44, #1C1E2E, #0C0C14)
• Pine Balcony color palette (#ECF9ED, #8BBCA9, #50805A, #5E5373, #2C493F)
• Washed Navy color palette (#E7EBF2, #A8A7B7, #877893, #28297B, #0A1327)
• Wandering Garnet Study color palette (#EEE9F1, #C2B4BF, #A3848E, #731F4B, #231C28)
• Pewter Hollow color palette (#DFFCF8, #619FCA, #7E588E, #32592F, #2F3D55)

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