Petrol Veranda color palette — #ECF8F3 · #F7D9E3 · #CEB2C6 · #00749E · #35433D

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

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Shell Pink (#F7D9E3): A whisper-light, dusty rose — the color of strawberry cream.
• Rosewood Mist (#CEB2C6): A luminous, dusty pink — the color of neon signs at night.
• Slate (#00749E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#35433D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Veranda 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

• Washed Courtyard color palette (#EAF5F0, #E7D6DB, #D2B6C5, #00759B, #112B21)
• Cerulean Courtyard color palette (#EEF7FC, #D8D8E8, #C5BAD7, #2892BA, #33424C)
• Patina Field color palette (#FEF1F9, #EED3D0, #CFB4B9, #5F60AE, #4C3945)
• Ancient Cypress Terrace color palette (#EDF9EE, #C5E0DE, #A4C5B9, #00797F, #364438)
• Denim Pier color palette (#E6F2EE, #D5C7D3, #B098A6, #1A5985, #25312D)
• Worn Atelier color palette (#FCF2F5, #E4D8D3, #ADAFA3, #987882, #595052)
• Weathered Navy color palette (#E7E0E6, #CCAFBF, #A4848F, #29407D, #281A26)
• Weathered Periwinkle Balcony color palette (#CFE5FF, #97A4EB, #896F93, #755224, #3B4E2A)

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