Petrol Lagoon color palette — #C0EDE7 · #4E97AA · #33669E · #5A2B32 · #311829
A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#C0EDE7): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#4E97AA): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#33669E): A full-bodied, balanced blue — the color of open sky before noon.
- Cocoa (#5A2B32): A deep, shadowed, dusty red — the color of a theater curtain.
- Onyx (#311829): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Timeworn Petrol color palette (#C5E9E3, #6A9FA2, #007985, #4C2B51, #2A1831)
- Tempered Onyx color palette (#C8EDF5, #5883A6, #434E7E, #511A13, #190C00)
- Petrol Coast color palette (#E0F3FA, #7797B8, #665EA2, #623019, #0C200C)
- Dusty Villa color palette (#D8EEF0, #0097B3, #006180, #003352, #00122D)
- Antique Loft color palette (#E1FFDC, #8AC8C6, #748AC4, #725134, #391A28)
- Driftwood Studio color palette (#D2EEFF, #96B3D3, #7E7CAB, #6B5261, #2A3A2C)
- Softworn Courtyard color palette (#E1EDE3, #93B9D4, #006EB8, #004A52, #041238)
- Frosted Drift color palette (#C7E3FF, #469AEA, #0058A0, #002650, #000614)
Browse the whole catalog at Explore, or see today's palette.