Petrol Lagoon color palette — #EFF7F5 · #E8D6D8 · #C0ADB4 · #3E678E · #323D3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E8D6D8): A whisper-light, dusty red — the color of late-summer berries.
• Rosewood Mist (#C0ADB4): A luminous, dusty rose — the color of pressed rose petals.
• Peacock (#3E678E): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#323D3A): 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

• Petrol Courtyard color palette (#EEF2F8, #D5D5DE, #AFB7CA, #2B65AB, #17212D)
• Softworn Bloom color palette (#F9F3F9, #E4D5D8, #CDB8BB, #4082D0, #433543)
• Softworn Mulberry color palette (#FCF2F4, #E7D7CC, #CFB6AC, #8D4F90, #4E393D)
• Softworn Station color palette (#FBF2F5, #E0D8D5, #A9ADA1, #8979A0, #5A4F53)
• Aged Grape Parlor color palette (#FFF0F7, #E2CCD0, #BD9E9C, #623CB2, #452837)
• Dusty Fern color palette (#FFF3E4, #A09D70, #526C38, #43476B, #38352E)
• Dusty Bloom color palette (#BBF1E1, #B99AAA, #946A87, #5A5D0F, #2D4A2E)
• Navy Courtyard color palette (#E3DCE2, #C3B4BC, #A5848C, #0E408A, #261B25)

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