Petrol Grove color palette — #F2F4FF · #F2CAF4 · #EDA4C0 · #5662AE · #160221
Built around Slate, softened by Carnation — the whole palette hums with creativity and balance.
The five colors
- Ivory (#F2F4FF): a clean, paper-quiet neutral.
- Thistle (#F2CAF4): A whisper-light, dusty pink — the color of neon signs at night.
- Carnation (#EDA4C0): A luminous, balanced rose — the color of pressed rose petals.
- Slate (#5662AE): A full-bodied, balanced violet — the color of twilight just after sunset.
- Ink (#160221): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged pastel, light, muted.
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
- Mallow Pier color palette (#F0F5FF, #D8D4FF, #E4A0E7, #2978A7, #130F34)
- Weathered Aubergine Villa color palette (#F5F4FF, #FBABD9, #E77E89, #64409C, #150015)
- Pewter Dune color palette (#FFF0F9, #F6D2C6, #F69F82, #8A5195, #290012)
- Hazy Rose Alley color palette (#FFE0F6, #D99AD4, #E16068, #004C72, #180724)
- Nightshade Alley color palette (#EEDAE2, #C7A2D2, #CA6B96, #3B4199, #3C1824)
- Soft Bloom color palette (#D4DFFF, #E5BDDD, #F59E81, #0094DF, #311938)
- Aubergine Summit color palette (#EAD7F5, #FE9B9E, #C77144, #68246A, #040001)
- Worn Orchid color palette (#FFF0FD, #E8D9D7, #EEC2A0, #A667D4, #4A1A3A)
Browse the whole catalog at Explore, or see today's palette.