Petrol Lagoon color palette — #F3DDD2 · #26B4CE · #006CA6 · #004C37 · #080C39
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#F3DDD2): A whisper-light, dusty orange — the color of sun-warmed clay.
- Cyan (#26B4CE): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C37): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#080C39): A deep, shadowed, balanced violet — the color of wild irises.
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
- Ultramarine Villa color palette (#F0E2D3, #54A9EB, #4756CA, #004A4B, #1B0532)
- Wandering Petrol Studio color palette (#F5EAF2, #86C2D0, #006F9E, #003F35, #00020C)
- Worn Cerulean color palette (#E5E7DA, #6FBDD0, #0091B4, #006C72, #001722)
- Antique Abyss Dune color palette (#DFF4F1, #5A9AAB, #005268, #002F33, #001622)
- Linen Veranda color palette (#F6ECE7, #70D6E5, #0090CC, #007049, #1C2C51)
- Airy Azure color palette (#E1F2E2, #00CCCE, #3899F2, #605700, #001A13)
- Washed Lagoon Orchard color palette (#CEE8E0, #009B85, #00664F, #002E22, #000302)
- Hushed Azure Pier color palette (#FFF2ED, #98ECED, #00ABD9, #328549, #1E416A)
Browse the whole catalog at Explore, or see today's palette.