Petrol Meadow color palette — #EFF7F4 · #E1D3D0 · #CBB7B6 · #467A9D · #404A47

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#E1D3D0): bright and airy, almost weightless.
• Stone (#CBB7B6): A luminous, dusty orange — the color of autumn markets.
• Slate (#467A9D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404A47): 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

• Pewter Study color palette (#F1F7F1, #D1DEDD, #B1C4C7, #607D5D, #434A42)
• Antique Cobalt Courtyard color palette (#EDF2F7, #D6D6DF, #BCBACB, #407AAB, #242D36)
• Weathered Lantern color palette (#FDF2F6, #E9D5CF, #D4B3B0, #7156B2, #4F3843)
• Timeworn Chestnut color palette (#D9FFF2, #CFAEC2, #9F7E82, #706619, #45523C)
• Navy Field color palette (#E6DCE8, #B5A3AE, #92777F, #003867, #1C0D1E)
• Basalt Courtyard color palette (#FCF3EA, #BEAD8B, #6C7A47, #6B5065, #553E00)
• Timeworn Indigo Hollow color palette (#F0DFEC, #5068C6, #412B33, #281A25, #071415)
• Wandering Aubergine Boulevard color palette (#F5ECEF, #D6C8C9, #B69893, #644187, #3C272F)

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