Petrol Lagoon color palette — #EBF3F7 · #D2D7DF · #B7BCC9 · #32818F · #252E32

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

The five colors

• Ivory (#EBF3F7): bright and airy, almost weightless.
• Silver (#D2D7DF): bright and airy, almost weightless.
• Ash (#B7BCC9): a calm mid-gray that lets other colors speak.
• Slate (#32818F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#252E32): 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

• Aged Petrol color palette (#F1F7F2, #D2DEDE, #CCBDC1, #00848E, #414B43)
• Antique Harbor color palette (#EFF1FA, #DAD3DF, #B5B5C4, #625E8C, #1D2029)
• Worn Coast color palette (#E7F6F2, #9BBE9C, #588066, #315D61, #0D2D2A)
• Softworn Abyss Villa color palette (#D6E0E6, #95A2AB, #687F93, #003D4C, #00050A)
• Worn Garden color palette (#DFEEFF, #A5B4CD, #7983A5, #675974, #463249)
• Softworn Cobalt color palette (#E5F4FF, #ABEFFF, #6BCBF5, #538CCF, #07253B)
• Turquoise Summit color palette (#D5FBF9, #49A9CD, #366FA2, #5A3662, #0C2536)
• Aubergine Harbor color palette (#EAEBF6, #B1B1C1, #8E89A6, #4D3277, #080917)

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