Petrol Lagoon color palette — #F0F7F2 · #C5DBE9 · #E2C0C6 · #248396 · #142219

Built around Cerulean, softened by Oat — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#C5DBE9): A whisper-light, dusty blue — the color of open sky before noon.
• Oat (#E2C0C6): A whisper-light, dusty red — the color of embers at dusk.
• Cerulean (#248396): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#142219): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Washed Lagoon Orchard color palette (#F3F7EE, #CFE2DC, #A9CAC9, #37876A, #1B2016)
• Worn Cerulean color palette (#EEF8F3, #E3D3D1, #A6A69B, #5194AE, #24322B)
• Washed Petrol Drift color palette (#EDF8F4, #F5D6DD, #CEB1BE, #006794, #01100B)
• Denim Courtyard color palette (#E2EBEF, #C5CCD5, #9BA3BE, #00606E, #021922)
• Shadow Cobalt color palette (#C4F1E4, #007BC5, #201F44, #0F151C, #000504)
• Worn Garden color palette (#FBF6DD, #92CC96, #008B6F, #365A46, #171B00)
• Powdered Mulberry color palette (#E6FBED, #00A3BE, #A02A84, #453700, #110C00)
• Powder Summit color palette (#E2F9FF, #89BBF7, #AD8291, #646033, #2F2C00)

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