Petrol Lagoon color palette — #E7EBE0 · #77BBED · #2C6EAB · #00485F · #001436
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E7EBE0): a clean, paper-quiet neutral.
- Sky (#77BBED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#2C6EAB): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001436): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, 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
- Petrol Harbor color palette (#E8F2E9, #8DB7D6, #2E68B0, #004E5C, #1C285C)
- Aqua Station color palette (#EAEADC, #5BC6C9, #007984, #004C44, #001A1F)
- Dusty Cerulean color palette (#F2F4E1, #87E0EE, #0092AD, #006262, #002A37)
- Iris Loft color palette (#FDF3EA, #CDEAFF, #5E90E8, #006970, #1B193A)
- Cerulean Meadow color palette (#E0E3D3, #3296B9, #00506F, #002B32, #00050C)
- Softworn Cornflower color palette (#F8ECE2, #A3CFC0, #6181DA, #006C69, #322352)
- Tempered Ash color palette (#F0F3EB, #BFE7ED, #7F9EC8, #4A7565, #422F40)
- Softworn Lagoon Veranda color palette (#D8EFE2, #009F78, #006D5C, #003731, #001918)
Browse the whole catalog at Explore, or see today's palette.