Petrol Lagoon color palette — #FAF3F5 · #DADDEE · #8299C7 · #177D87 · #49516D

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8299C7): A luminous, dusty violet — the color of a velvet chair.
• Teal (#177D87): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#49516D): A full-bodied, dusty violet — the color of wild irises.

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

• Periwinkle Parlor color palette (#F1F3EC, #C0E6EB, #76A0CE, #427288, #40303F)
• Patina Powder color palette (#EFF7F7, #D8DBEA, #88B5E7, #5B8EA6, #43546A)
• Hushed Driftwood color palette (#EBF9F5, #CAD9F2, #AEA2B4, #A18E63, #415855)
• Weathered Petrol color palette (#F5EBF2, #8FB8CC, #0070A1, #005146, #0C2C5C)
• Abyss Study color palette (#F3E8F0, #549D9F, #005265, #00321F, #001626)
• Cerulean Orchard color palette (#FDF1F9, #98DCE3, #008CB3, #00694F, #12426A)
• Muted Olive color palette (#ECF9F4, #A6B78A, #A989C5, #607F00, #4A4967)
• Timeworn Pewter color palette (#E0FCF8, #80A37D, #8A81B5, #966093, #2A4945)

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