Petrol Lagoon color palette — #E8F1EA · #82BDC4 · #00829E · #005A4F · #002334
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E8F1EA): a clean, paper-quiet neutral.
- Ash (#82BDC4): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#00829E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005A4F): A full-bodied, dusty teal — the color of glacier melt.
- Midnight (#002334): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Weathered Cobalt Lagoon color palette (#DBE5DD, #94B6CF, #0078C8, #005862, #071B48)
- Softworn Market color palette (#FEF4E4, #64E1EE, #0088A5, #005248, #000F19)
- Denim Chapel color palette (#EFE3EE, #4CAFBB, #005F84, #004026, #091C45)
- Hushed Cornflower color palette (#EBFAED, #91D4FF, #2F8DF0, #007081, #1B2C6B)
- Frosted Azure color palette (#F8E5DE, #59D4E2, #009ED9, #008250, #091C45)
- Ancient Lagoon color palette (#F1F7F2, #CFDEF5, #5EB0D7, #008D88, #2F4A64)
- Chalky Fuchsia Bloom color palette (#D3DEF6, #CABBE5, #D57AC6, #0066AB, #242046)
- Tempered Indigo color palette (#DCE3F2, #5B63DE, #B93100, #006A3C, #0B063A)
Browse the whole catalog at Explore, or see today's palette.