Petrol Lagoon color palette — #FFF2EC · #54CADD · #0078A1 · #005846 · #003363
Built around Cerulean, softened by Aqua — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Aqua (#54CADD): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#0078A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005846): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#003363): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
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
- Cerulean Parlor color palette (#FCF3EF, #B0CEB5, #1B84A5, #006248, #133D60)
- Petrol Dune color palette (#E5F6F3, #6DCCDC, #007F98, #005152, #001E29)
- Linen Sapphire color palette (#FEF3E9, #88BFE3, #1F68D5, #00555A, #2B276A)
- Patina Denim color palette (#EADED8, #70A9B6, #005E87, #003F35, #001C49)
- Sky Orchard color palette (#FFF0FB, #7FEDFF, #0ABAF6, #009B7E, #003363)
- Tempered Study color palette (#FDF3EC, #C9E4D6, #648EB8, #00716D, #5B3C55)
- Aged Blush color palette (#F1F5FF, #DBB6FD, #E387B1, #006997, #3C2A5C)
- Washed Navy Market color palette (#FAEEE3, #5897BE, #00439C, #002F32, #10073C)
Browse the whole catalog at Explore, or see today's palette.