Petrol Lagoon color palette — #E2ECF1 · #BAC6CE · #93A8B9 · #006C82 · #11222A
Peacock takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E2ECF1): a clean, paper-quiet neutral.
- Stone (#BAC6CE): a calm mid-gray that lets other colors speak.
- Blue Fog (#93A8B9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006C82): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#11222A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Antique Dune color palette (#E7EDF3, #AAB6C3, #8796AD, #005885, #021526)
- Ancient Cerulean color palette (#DDE9E1, #AFC4C6, #CBA6AE, #0090A3, #142319)
- Pewter Lagoon color palette (#ECEEF9, #D5D6E7, #B7B5C7, #7666A3, #292C3F)
- Muted Corridor color palette (#C9E6E2, #6AA17B, #027250, #005147, #00220E)
- Petrol Studio color palette (#D5E8FD, #8095C7, #67659E, #673E53, #451320)
- Timeworn Denim Cabin color palette (#E0EEE5, #008BBF, #0C56A8, #5A115B, #00182A)
- Aged Canyon color palette (#E2F2FF, #00C1E5, #009EE5, #3371DC, #00182A)
- Sapphire Harbor color palette (#D1E0F4, #1D6FE1, #6A2F9A, #600039, #001517)
Browse the whole catalog at Explore, or see today's palette.