Petrol Lagoon color palette — #F6EFF6 · #E2D4D4 · #CCB8B1 · #5C779B · #312931

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EFF6): bright and airy, almost weightless.
• Silver (#E2D4D4): bright and airy, almost weightless.
• Stone (#CCB8B1): A luminous, dusty orange — the color of toasted spice.
• Slate (#5C779B): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#312931): quiet, heavy and certain.

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

• Ancient Driftwood color palette (#F8EFF3, #E3D5D0, #B3B0A3, #9B7689, #3C3338)
• Pewter Alley color palette (#F9EFF0, #DFD4C9, #C4B4A8, #7F5476, #291D1E)
• Stone Coast color palette (#FAF0E4, #B4B979, #57815B, #6A4B51, #2C2713)
• Ultramarine Orchard color palette (#FCECF7, #EDC9D2, #CE9D99, #4A4BB2, #23151E)
• Aged Fern Bloom color palette (#D3F5E7, #CFACBF, #A0746F, #505D16, #313B00)
• Garnet Cabin color palette (#F3E3E2, #C4AEA5, #9F8974, #692851, #140607)
• Onyx Corridor color palette (#F3E2E9, #A08687, #7F645B, #331853, #040002)
• Linen Hollow color palette (#F4F4D6, #4BA6DB, #805895, #374F1E, #2E1B2C)

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