Petrol Lagoon color palette — #EBF4F0 · #E4D4D9 · #C4B0BE · #386B86 · #19231F

Peacock takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EBF4F0): bright and airy, almost weightless.
• Silver (#E4D4D9): a clean, paper-quiet neutral.
• Rosewood Mist (#C4B0BE): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#386B86): A full-bodied, dusty blue — the color of open sky before noon.
• Onyx (#19231F): a grounded near-black with real depth.

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

• Muted Petrol color palette (#EEF7FD, #D8D8E2, #AEB3C2, #1C6C8E, #313C44)
• Pewter Hollow color palette (#F9EFF2, #EAD2C9, #D9B5B3, #80569C, #311F25)
• Tempered Cerulean color palette (#EDF8F3, #E4D3D0, #A5A89B, #4994B3, #28312C)
• Aged Mulberry color palette (#F1E6E8, #DCC5C5, #B69D98, #6F4076, #201114)
• Navy Courtyard color palette (#DDEDE8, #C1ABBD, #9F8593, #004773, #030D0A)
• Aged Teal color palette (#F1F5DF, #68B194, #207369, #2E4F3C, #171F0A)
• Worn Loft color palette (#DFEDFC, #9CA0DE, #936E79, #6C4100, #332603)
• Cobalt Garden color palette (#FBE6C5, #0092DA, #504DA6, #5B2801, #230F24)

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