Petrol Lagoon color palette — #EBDBD3 · #6CADC0 · #026AAE · #004C3B · #0C073F
Peacock takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Bone (#EBDBD3): A whisper-light, dusty orange — the color of autumn markets.
- Cyan (#6CADC0): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#026AAE): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0C073F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, 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
- Feathered Cobalt Lantern color palette (#EEE4DC, #7ABBDD, #4372C5, #005A52, #201347)
- Worn Archive color palette (#FBE4DE, #60B2AE, #00728B, #024E0E, #00152A)
- Wandering Bloom color palette (#F5EBF1, #6BC6DC, #006CAA, #00402E, #010014)
- Denim Archive color palette (#D8E6DA, #6A96AD, #00506F, #00302F, #001529)
- Cerulean Balcony color palette (#F8ECE5, #8AD1E1, #3F8EC2, #006F4F, #1E2A55)
- Hushed Pine Orchard color palette (#FFF2ED, #9AEBF0, #1DA9DC, #008848, #1B3F73)
- Softworn Lapis color palette (#F6EFDC, #877800, #5E41DF, #4F4600, #0F0038)
- Hushed Villa color palette (#FBF4EC, #BFE8EE, #94A1D9, #238A8D, #5D3C4A)
Browse the whole catalog at Explore, or see today's palette.