Petrol Grove color palette — #F1F5FC · #DBD8E2 · #C2BCCC · #5E73A3 · #434850

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F5FC): bright and airy, almost weightless.
• Silver (#DBD8E2): bright and airy, almost weightless.
• Stone (#C2BCCC): A luminous, dusty violet — the color of wild irises.
• Slate (#5E73A3): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#434850): a grounded near-black with real depth.

Feels like: Creativity, 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

• Worn Mulberry Thicket color palette (#F5F4FB, #E4D5E2, #C2B6D1, #8B4E97, #403D4E)
• Pewter Villa color palette (#EBEBFF, #B5AECA, #91849D, #7A596C, #5F4744)
• Powder Cabin color palette (#F1F5FF, #C8D9FF, #ABADFF, #A07DBD, #383F59)
• Navy Meadow color palette (#EAEFFB, #A2A8BE, #797C9E, #2C2C72, #0E1320)
• Indigo Basin color palette (#E0E4F4, #735FBA, #2F3043, #1B1E2A, #0D0B12)
• Weathered Canyon color palette (#F2F5FF, #CDD1EA, #A4A4BD, #5940B5, #2E3242)
• Ancient Pewter Meadow color palette (#EAF9F4, #A0B891, #5D7D5B, #36616E, #2C4943)
• Weathered Garnet color palette (#EAE6ED, #BEB5C1, #9C869C, #79144A, #241B2A)

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