Worn Petrol Lagoon color palette — #FFF0F9 · #D1D2FE · #9F98D5 · #6764A6 · #303559

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lilac Frost (#D1D2FE): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#9F98D5): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#6764A6): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#303559): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged monochrome, muted.

Use it as a design system

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

• Timeworn Powder color palette (#F1F5FF, #DED8E1, #A7B1EC, #696893, #222742)
• Dusty Canyon color palette (#F1F5FF, #C6CCFF, #7C77C1, #484B81, #2C3553)
• Softworn Mulberry Pier color palette (#FFF1F3, #F6C4CD, #C28BB2, #8B4E7D, #4E2A45)
• Petrol Orchard color palette (#DDFEF3, #B1E1CF, #5BA6C8, #29729F, #013A53)
• Weathered Iris color palette (#FAF3F5, #F1C2D4, #B89561, #9A7AC5, #322D27)
• Patina Driftwood color palette (#FDF2F6, #CED6AF, #8373A5, #52456C, #35262D)
• Washed Aubergine Villa color palette (#FADBFF, #C996DA, #9C4EB0, #68007A, #200032)
• Washed Turquoise color palette (#FDF1FC, #E7D9D6, #B4D5E4, #6CADC4, #594750)

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