Petrol Lagoon color palette — #E6DFD4 · #77BECE · #0080A8 · #005A55 · #002139
A conversation between Cerulean and Cyan, giving this palette its sense of trust and stability.
The five colors
- Bone (#E6DFD4): bright and airy, almost weightless.
- Cyan (#77BECE): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
- Midnight (#002139): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Wandering Petrol color palette (#F1E7D6, #6DAACE, #0067B7, #004853, #030C3C)
- Washed Cerulean color palette (#E8F9F7, #9DD7E5, #0087A9, #005155, #000F18)
- Cobalt Quarry color palette (#F4EEE3, #93CDEB, #008CDF, #006A74, #182D51)
- Ancient Cerulean Boulevard color palette (#EAE2D6, #41A2B0, #00627C, #003C36, #000A15)
- Powdered Azure Drift color palette (#FBF4E9, #9FE8FF, #00A8E8, #008282, #1B4267)
- Patina Turquoise Market color palette (#F9F4EE, #C7ECE2, #6BC0D2, #599482, #355245)
- Soft Raspberry color palette (#FAD8EA, #C32590, #736C00, #00627C, #260019)
- Peony Villa color palette (#FCE4E5, #E15AC1, #008A54, #770063, #002211)
Browse the whole catalog at Explore, or see today's palette.