Petrol Lagoon color palette — #EEF2F9 · #D7D5DF · #BEB9C7 · #5D74A4 · #272C34

Slate takes the lead with Ash close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#EEF2F9): bright and airy, almost weightless.
• Silver (#D7D5DF): a clean, paper-quiet neutral.
• Ash (#BEB9C7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5D74A4): A full-bodied, dusty violet — the color of twilight just after sunset.
• Onyx (#272C34): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, 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

• Muted Cobalt color palette (#F8F3F8, #E2D8D8, #CCBBB7, #4975B3, #4F434E)
• Driftwood Bloom color palette (#EFF1FF, #B5B3CE, #857A97, #6C5664, #452F39)
• Dusty Byzantium Drift color palette (#F1F1F8, #DED2DD, #C3BBCF, #8C4C9F, #25232F)
• Quiet Powder Quarry color palette (#ECF2FF, #BCD5FF, #ACACFF, #9676BF, #241F42)
• Muted Indigo Corridor color palette (#E3E7F6, #7468B2, #2D2E46, #121522, #04060D)
• Iris Courtyard color palette (#FFEAFC, #9794D2, #795D90, #6B3334, #1D2037)
• Softworn Grape Pier color palette (#EFF2FA, #CED2EC, #A7A8C8, #5740BB, #14192B)
• Patina Pine color palette (#E8F5F1, #A5BC94, #5C8058, #2F5C69, #0B2E28)

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