Petrol Lagoon color palette — #F6F1EC · #C6E5E9 · #889CC7 · #007986 · #492B3C

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6F1EC): bright and airy, almost weightless.
• Silver (#C6E5E9): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#889CC7): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007986): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#492B3C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Trust, Stability, 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

• Tempered Boulevard color palette (#F4F6F0, #C8E4E7, #729CCF, #407690, #5F4B5D)
• Ancient Cypress Cabin color palette (#F7F0ED, #CBE1DC, #65A6BF, #267C5F, #1D3D35)
• Hushed Grove color palette (#F3F3E5, #A6BC8D, #AA8FC3, #5C7F1D, #492331)
• Timeworn Abyss Studio color palette (#F7EAE3, #4A8484, #004351, #002111, #000103)
• Cerulean Ridge color palette (#F9EFEB, #97DDE7, #008FBB, #00644E, #002648)
• Muted Petrol color palette (#F2E6E0, #95BFA6, #0073A7, #004C43, #011239)
• Ultramarine Summit color palette (#EDE5DE, #78A897, #1150B6, #00393D, #09002D)
• Muted Veranda color palette (#F3F4DE, #8AA679, #9E7CBC, #92649C, #292915)

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