Petrol Lagoon color palette — #EBF4F6 · #D3D8E2 · #BCBBCA · #487F89 · #212F31

A conversation between Slate and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EBF4F6): bright and airy, almost weightless.
• Silver (#D3D8E2): a clean, paper-quiet neutral.
• Ash (#BCBBCA): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#487F89): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#212F31): quiet, heavy and certain.

Feels like: 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 Summit color palette (#EFF7F9, #D6DAE1, #BABECB, #008584, #3D4A4E)
• Softworn Cabin color palette (#DFE8EB, #93A2AE, #717C91, #003F40, #000508)
• Pine Pier color palette (#EBF5EB, #93BEAC, #58815B, #355B69, #112E23)
• Softworn Cypress color palette (#E7F4FA, #C6D6E5, #A1ABC7, #006773, #011E28)
• Weathered Powder Lagoon color palette (#D1FBFE, #91B8D1, #78809C, #685057, #483138)
• Teal Lantern color palette (#FFEBF7, #3FB19F, #496C9C, #6A3620, #042733)
• Weathered Pier color palette (#EBEFF7, #B2B2BE, #93899B, #323887, #040A1A)
• Hazy Aqua color palette (#E2F5FE, #ABF6B8, #58D3EE, #8E90D4, #0B2237)

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