Petrol Grove color palette — #E6F4FC · #D5D5ED · #B9BED6 · #007790 · #132832

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E6F4FC): a clean, paper-quiet neutral.
• Lilac Frost (#D5D5ED): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B9BED6): A luminous, dusty violet — the color of a velvet chair.
• Teal (#007790): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#132832): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Tempered Petrol Studio color palette (#EEF6FC, #D5D9E9, #AFBECF, #127498, #30424F)
• Denim Studio color palette (#E2EAF0, #C0CCDF, #A0A1B8, #005D7C, #081821)
• Smoked Garden color palette (#D5E0EC, #006CC1, #2F2147, #05111E, #000407)
• Tempered Cerulean color palette (#EDF8F3, #C4DBEB, #CDC8B2, #349FC5, #293931)
• Clover Summit color palette (#E1F8ED, #63BF72, #007C6F, #2A506C, #002724)
• Dusty Navy color palette (#EAEEF7, #9E9EB2, #83758F, #242E6D, #010410)
• Pale Alley color palette (#E2F5FF, #0092AC, #A3203E, #483600, #201600)
• Driftwood Parlor color palette (#9AF0F6, #8AB4E2, #976FA6, #5C5A2D, #363304)

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