Petrol Lagoon color palette — #ECF4F3 · #D4D9EB · #80A0BF · #2F748E · #24374F
Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF4F3): bright and airy, almost weightless.
- Silver (#D4D9EB): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#80A0BF): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2F748E): A full-bodied, dusty blue — the color of deep harbor water.
- Navy (#24374F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Patina Petrol Hollow color palette (#E0ECEA, #90BBCE, #007791, #004B4D, #001924)
- Patina Quarry color palette (#F9F4EF, #C8E9EB, #799ACF, #3D7A7E, #614B59)
- Aged Abyss Alley color palette (#D7E7E3, #4C828E, #004547, #002019, #000202)
- Worn Cerulean color palette (#FAF3F6, #D8D4DF, #B0CDFE, #3DA2AB, #434C66)
- Aged Cerulean Thicket color palette (#EAF4F2, #98DEE2, #0093A4, #00635C, #002A34)
- Muted Meadow color palette (#F5EFF8, #DBA0B3, #809CD0, #B04871, #1F3052)
- Timeworn Terrace color palette (#FAECFE, #C68797, #AD8558, #7E6CAA, #2E2232)
- Aged Driftwood Courtyard color palette (#F7EEF7, #EED3D8, #BBB1A2, #B37E8D, #493A48)
Browse the whole catalog at Explore, or see today's palette.