Petrol Lagoon color palette — #EFF6FF · #DED6EF · #B5A4FD · #0068A9 · #051033

Peacock takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#DED6EF): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B5A4FD): A luminous, balanced violet — the color of wild irises.
• Peacock (#0068A9): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#051033): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Periwinkle Canyon color palette (#EBF7FF, #BAE3FF, #82B2F7, #007385, #000F19)
• Sunlit Lapis Parlor color palette (#F2F4FF, #F2D1E9, #E094E7, #5651B6, #17052D)
• Powdered Iris Hollow color palette (#FADEF8, #97A5F4, #8D7BD2, #1E5482, #31142B)
• Peony Villa color palette (#D8EDFF, #AAADFB, #B36AB3, #00515D, #1D0618)
• Faded Mallow Loft color palette (#D4E9FE, #BCBFFF, #E49AE3, #009CB6, #162445)
• Pale Indigo Workshop color palette (#F2F4FF, #E6D8E0, #FAB4FF, #7874FB, #321F4E)
• Aubergine Delta color palette (#E0DFF4, #E4A6E1, #C8639A, #532385, #040005)
• Muted Chapel color palette (#F0F5FF, #DBD8E2, #B8AEA6, #85AFE9, #3C4762)

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