Petrol Meadow color palette — #F2F5FF · #C8D5FC · #9794D1 · #5B5EA0 · #3A355A
Built around Slate, softened by Blue Fog — the whole palette hums with creativity and sophistication.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Lilac Frost (#C8D5FC): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#9794D1): A luminous, balanced violet — the color of a velvet chair.
- Slate (#5B5EA0): A full-bodied, balanced violet — the color of wild irises.
- Navy (#3A355A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged monochrome, muted.
Use it as a design system
One click turns Petrol Meadow 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
- Petrol Delta color palette (#ECF7FF, #B3D9F7, #66A2C5, #1B6C9C, #0E3E59)
- Wandering Powder Station color palette (#FFF0F8, #DED2D8, #A3A8E6, #6D6995, #391E2E)
- Iris Archive color palette (#FFF0F8, #CAC7FB, #7E7BC4, #4C4A7B, #49293D)
- Aged Mulberry color palette (#F6F3FF, #D7CDF4, #C08EB9, #8D4C7C, #4D2B44)
- Timeworn Ash Alley color palette (#F0F5FF, #DDD8E2, #A3B9A6, #75AAC8, #484B61)
- Muted Field color palette (#F5F4FB, #CFCCF2, #CA8A67, #AA72C0, #3A2731)
- Worn Celadon color palette (#C8FFE4, #D1E289, #D7BBFF, #4A4B67, #2F3036)
- Worn Pewter Pier color palette (#FFF1F6, #B9D3BB, #B78EA0, #96675D, #3A4D43)
Browse the whole catalog at Explore, or see today's palette.