Petrol Lagoon color palette — #FFF2EC · #5AC9DE · #0077A4 · #005748 · #003167
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#5AC9DE): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0077A4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005748): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003167): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Tempered Cerulean Delta color palette (#FEF3EE, #B0CEB7, #2883A6, #00624C, #183C60)
- Petrol Loft color palette (#E1F8F4, #7FC9D8, #007E9A, #005153, #001D29)
- Sapphire Loft color palette (#FFF3E8, #79C0F1, #2264DE, #00555B, #2E246E)
- Aged Denim color palette (#F9EBE4, #6EA9B9, #005D8A, #003F37, #031B4A)
- Airy Sky Quarry color palette (#FEF0FA, #83ECFF, #15B9F8, #009A80, #003266)
- Cypress Quarry color palette (#FBF4EF, #C4E5D6, #638EBA, #00716F, #5A3D53)
- Hushed Cabin color palette (#E9DED4, #5587A2, #003B76, #002223, #05002C)
- Raspberry Archive color palette (#F0DDE8, #C30094, #007846, #00624A, #3F0C2F)
Browse the whole catalog at Explore, or see today's palette.