Petrol Lagoon color palette — #FAF3F5 · #DBDDED · #879ABC · #007C8F · #4B506E

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DBDDED): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#879ABC): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007C8F): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4B506E): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Weathered Coast color palette (#F0F3EC, #C2E4E9, #809EC8, #3B7290, #412F3F)
• Antique Cerulean color palette (#EFF7F7, #D9DBEA, #94B3DE, #528EB0, #475366)
• Cypress Dune color palette (#ECF7FB, #77BEC1, #C7809B, #008387, #574561)
• Antique Lagoon color palette (#FBF2F8, #C2E3EC, #4697AA, #21734C, #2D4B62)
• Worn Petrol color palette (#F7EAF3, #92B7CC, #236DA2, #00504A, #182A5B)
• Washed Ridge color palette (#F6EAF2, #4D9DA7, #00516B, #003124, #00152A)
• Rust Quarry color palette (#E8F8FF, #4CA7B2, #B97083, #AE5B4B, #2D4750)
• Wandering Powder color palette (#FAF4ED, #C3E5FD, #B2C5F8, #88AC93, #604C56)

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