Petrol Grove color palette — #F6EFF5 · #E1D2D3 · #C2B2B8 · #45649B · #271C26

Slate and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F6EFF5): a clean, paper-quiet neutral.
• Silver (#E1D2D3): bright and airy, almost weightless.
• Ash (#C2B2B8): A luminous, dusty rose — the color of strawberry cream.
• Slate (#45649B): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#271C26): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Washed Petrol Bloom color palette (#F1F6FB, #DBD7E1, #B5B0C0, #2F64A7, #323B47)
• Grape Archive color palette (#FFECF2, #E6CCD0, #C2A2A2, #7238A5, #2B0F1B)
• Cerulean Quarry color palette (#F9F3F9, #E4D8D7, #BCB2A6, #6B8CB5, #342A35)
• Wandering Navy color palette (#EBE1E8, #C1ADB6, #A1858D, #2F3C80, #130610)
• Dusty Villa color palette (#F7E2F0, #CA9CAB, #926B6D, #5B4300, #2D2A05)
• Obsidian Lapis color palette (#FFE7F3, #6452B1, #391A24, #15070F, #040103)
• Gentle Aubergine color palette (#F5E7D1, #6D87CC, #6E468E, #4D3300, #151233)
• Airy Indigo color palette (#F8E8F3, #6673C9, #8B2F4B, #3E3300, #001916)

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