Petrol Lagoon color palette — #E9F0F5 · #D0D8E7 · #B5B5CB · #067BA9 · #242F38

A conversation between Cerulean and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#E9F0F5): bright and airy, almost weightless.
• Silver (#D0D8E7): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B5B5CB): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#067BA9): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#242F38): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Cobalt Veranda color palette (#EEF8F3, #E6D3CE, #D6B39A, #0081AD, #14221C)
• Ancient Azure color palette (#E7F0F7, #D2D1E1, #C1B5DA, #429AD5, #242F39)
• Weathered Parlor color palette (#E4EAF1, #BFC3D5, #A8A0BB, #2B61A3, #122031)
• Indigo Balcony color palette (#F2F5FF, #DFDAF3, #CEB3D6, #7561D3, #2B314A)
• Muted Loft color palette (#BFE6F4, #90AECD, #926E9B, #396B63, #213C17)
• Terracotta Bloom color palette (#D1E4F2, #0092C3, #A24100, #4B4300, #242000)
• Antique Ash color palette (#F4F4FC, #DFD8DD, #BEAFAD, #A193BE, #51525B)
• Antique Olive Coast color palette (#F2DEE9, #BBA171, #6F790F, #614879, #103118)

Browse the whole catalog at Explore, or see today's palette.