Petrol Lagoon color palette — #ECF1DC · #75C3E0 · #007099 · #003D45 · #000307
Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF1DC): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#75C3E0): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#007099): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000307): 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
- Teal Balcony color palette (#E2E3D0, #5FB2B3, #006068, #002C26, #000102)
- Washed Cobalt Villa color palette (#F3F8E8, #A5D2F3, #187ECE, #004E66, #000B24)
- Cerulean Ridge color palette (#F8EAF2, #2F97B7, #004D7C, #002C29, #00001E)
- Petrol Delta color palette (#F4F6EE, #BDE1F1, #6FAED6, #007C91, #00372D)
- Frosted Cobalt color palette (#EDDFD7, #71BCD7, #0089D7, #006E66, #020348)
- Softworn Bloom color palette (#E8E2F8, #793DCB, #A3004C, #004965, #020007)
- Nightshade Terrace color palette (#FFE1ED, #D7B8EE, #CE8EC5, #5C50A5, #0E001C)
- Softworn Archive color palette (#E0E8F7, #596BF0, #462DCB, #28006F, #07001A)
Browse the whole catalog at Explore, or see today's palette.