Petrol Lagoon color palette — #D7EEFC · #007694 · #1C3156 · #191A21 · #000810
Teal takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#D7EEFC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007694): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1C3156): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#191A21): quiet, heavy and certain.
- Ink (#000810): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
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
- Wandering Sapphire color palette (#E0EDFF, #0067CE, #342956, #17141D, #000716)
- Muted Periwinkle Dune color palette (#DEEAFD, #789BFF, #626387, #32425D, #09131B)
- Inked Denim color palette (#D3EBDF, #005B76, #3E3F4A, #001B2C, #000302)
- Muted Orchard color palette (#D4DFF9, #7677FF, #524F70, #272F43, #01050C)
- Cerulean Atelier color palette (#EFDFE9, #5DC2C4, #0092AF, #007149, #001625)
- Timeworn Powder color palette (#E8F3FF, #80BDF3, #747B8D, #4B5661, #1D2326)
- Airy Pine Coast color palette (#D7E8DD, #89A44B, #1A863F, #006364, #0C1200)
- Patina Nightshade color palette (#CFF5FF, #0090C5, #006AB5, #2739BE, #160039)
Browse the whole catalog at Explore, or see today's palette.