Petrol Meadow color palette — #FAF3F8 · #E4D8D6 · #CCBCB3 · #68719C · #4D454B

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#E4D8D6): bright and airy, almost weightless.
• Stone (#CCBCB3): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#68719C): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#4D454B): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Worn Studio color palette (#EFF7F3, #DFD4D2, #CBB7B5, #537F6A, #3F4B45)
• Hushed Bloom color palette (#FFF1F3, #E3D7CC, #CDB7A9, #914D8B, #4B3B3D)
• Aged Grape color palette (#FEF1F7, #E5CBCD, #C89A8F, #6341A7, #3F2C35)
• Antique Violet Drift color palette (#F3DEE5, #855BAA, #442A28, #2A191F, #120A0C)
• Patina Balcony color palette (#FBF4E8, #A6B78B, #4F8065, #744E4E, #4A4400)
• Muted Garnet color palette (#EDDEDB, #C7B5AA, #998C7A, #79193D, #2A1B18)
• Worn Azure color palette (#F2F8E3, #6A9CCE, #845786, #285A39, #4B3544)
• Timeworn Aubergine color palette (#E8DAE1, #B5A4A7, #947772, #371C82, #1E0D17)

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