Patina Petrol Lagoon color palette — #FEF1F5 · #D9D3DD · #92A3DE · #007C8F · #312552

Teal and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FEF1F5): bright and airy, almost weightless.
• Silver (#D9D3DD): a clean, paper-quiet neutral.
• Mauve (#92A3DE): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#312552): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged coastal, cool, light, 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

• Softworn Coast color palette (#FCF2F9, #D4D4E2, #4EB3DE, #008267, #0E3051)
• Cerulean Dune color palette (#F4F6EF, #C1EBE0, #83B3FA, #2F96CA, #4B3047)
• Hushed Petrol Workshop color palette (#F9E9F2, #77C3DD, #006DA9, #003E39, #000016)
• Patina Cobalt Balcony color palette (#E4F6F6, #A2CCF7, #597DB3, #145576, #0F203B)
• Muted Cobalt color palette (#FAF4ED, #A1CAF0, #5B73C0, #005E6B, #4F2E40)
• Dusty Boulevard color palette (#FAF3F5, #D9D4DE, #CABDEC, #41A1AF, #454C65)
• Denim Atelier color palette (#F5E7F1, #70AFAE, #005F71, #002D19, #000103)
• Hushed Cerulean color palette (#FBF2F9, #A2D5E5, #0088A6, #005439, #000E1B)

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