Petrol Meadow color palette — #F1F5FF · #FFC8CE · #5C63AB · #262954 · #030617

Slate and Navy set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Shell Pink (#FFC8CE): A whisper-light, dusty red — the color of late-summer berries.
• Slate (#5C63AB): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#262954): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#030617): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Byzantium Courtyard color palette (#F4F4FF, #FFCABF, #894DA3, #421852, #070418)
• Cobalt Hollow color palette (#EEF6FF, #95EFBF, #1D6BBD, #0D2F54, #010814)
• Powdered Iris Station color palette (#F0F5FF, #E1D07E, #7186E3, #4353A5, #0D1934)
• Nightshade Courtyard color palette (#FFEBFA, #BCA837, #2E38AE, #121750, #12020F)
• Washed Nightshade color palette (#F2F5FF, #F89EA0, #52428E, #1A0B3D, #010009)
• Nightshade Garden color palette (#FFF0FA, #E77C8D, #3733A2, #1D1F4F, #271221)
• Chalky Lilac Drift color palette (#F2F5FF, #A195FF, #D96782, #00757F, #1A1438)
• Pale Magenta color palette (#F3F4FF, #DECFFF, #D458CC, #8E5FD7, #0D041D)

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