Petrol Lagoon color palette — #CFE9F0 · #53ABCE · #0071A3 · #003B69 · #001240
Peacock takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#CFE9F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cyan (#53ABCE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#0071A3): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Midnight (#001240): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Teal Courtyard color palette (#C3F0EA, #35B0B0, #00727C, #00414E, #001E2A)
- Hushed Loft color palette (#D8E7F7, #78A2E3, #4B61AD, #2F2A7F, #1C0047)
- Weathered Denim color palette (#C9F3F1, #3097B9, #1F5F92, #4D2658, #001A2B)
- Soft Cobalt color palette (#B7EFFF, #72BDDD, #008BC7, #005B9A, #00266D)
- Hushed Aubergine Atelier color palette (#A8F5E1, #52B0B6, #006E93, #003E86, #350E7B)
- Petrol Loft color palette (#C4E4F4, #0079AC, #004B83, #001A45, #020023)
- Faded Onyx Bloom color palette (#D8FFF4, #75DDF0, #009CD1, #26529D, #200058)
- Airy Atelier color palette (#E5F4FF, #4CDBEF, #00B6EE, #297FCE, #001C2A)
Browse the whole catalog at Explore, or see today's palette.