Petrol Meadow color palette — #F5F0F5 · #E1D4D5 · #CBB7B6 · #5377A6 · #302931

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

The five colors

• Ivory (#F5F0F5): a clean, paper-quiet neutral.
• Silver (#E1D4D5): bright and airy, almost weightless.
• Stone (#CBB7B6): A luminous, dusty orange — the color of autumn markets.
• Slate (#5377A6): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#302931): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Cobalt Coast color palette (#F1F6FB, #DBD9DF, #C6BBC6, #4577AC, #3F4954)
• Muted Cypress Villa color palette (#ECF4F0, #CDDBDC, #CDBBBF, #54806A, #232F29)
• Aged Lagoon color palette (#FAEFF0, #DFD3CC, #C9B1AA, #815279, #2A1C1E)
• Muted Indigo Workshop color palette (#F1DAE7, #6D68BE, #3F2A31, #20101A, #090508)
• Muted Coast color palette (#FFE0F9, #D3B2BD, #9F7C80, #785A0D, #3A3932)
• Ultramarine Pier color palette (#FDECF7, #E2CDD6, #C5A0A8, #4945BE, #291022)
• Antique Driftwood color palette (#FCEDF6, #B8DFFF, #B6BBFF, #A074B0, #321726)
• Timeworn Ash color palette (#EEF7F5, #DED5D0, #A2A095, #7BA2C9, #34433F)

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