Petrol Lagoon color palette — #EDF2F9 · #D7D4E1 · #B3B6C6 · #416598 · #17212D
Slate takes the lead with Midnight close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#EDF2F9): a clean, paper-quiet neutral.
- Silver (#D7D4E1): bright and airy, almost weightless.
- Ash (#B3B6C6): A luminous, dusty violet — the color of a velvet chair.
- Slate (#416598): A full-bodied, balanced blue — the color of open sky before noon.
- Midnight (#17212D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Softworn Petrol Balcony color palette (#EFF7F5, #E2D7D7, #C8ABAF, #1E66A7, #2F3E3A)
- Worn Courtyard color palette (#F0F6FC, #DDD9E3, #C7B0B7, #648EB7, #252F3B)
- Grape Dune color palette (#EFF1FD, #D4D0E7, #B2A4C4, #6F35B0, #16172D)
- Patina Plum Archive color palette (#F3F0F8, #DFD2D9, #CBB8CC, #9A478C, #27232E)
- Lapis Meadow color palette (#D8DEF0, #5E55AF, #23203E, #070B1D, #010206)
- Timeworn Navy Coast color palette (#DCE0E7, #AEB3C1, #8A8BA3, #283D82, #030A1B)
- Mulberry Basin color palette (#EBE7EE, #D0C8D3, #AF9DAC, #7A3C61, #191221)
- Muted Ridge color palette (#D2DEFF, #999AC2, #7A6E90, #584A22, #243308)
Browse the whole catalog at Explore, or see today's palette.