Petrol Meadow color palette — #ECF4EF · #CEDADB · #CABABE · #3D7F93 · #232F29

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CEDADB): bright and airy, almost weightless.
• Stone (#CABABE): a calm mid-gray that lets other colors speak.
• Slate (#3D7F93): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#232F29): 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

• Petrol Basin color palette (#EFF6FA, #D9DAE4, #C3BCCE, #2C8191, #3C4A51)
• Timeworn Petrol Dune color palette (#F9EEF6, #E4D1D0, #D0B8BE, #5864AC, #301E2B)
• Patina Driftwood Studio color palette (#F5F0F6, #DFD4D5, #B7ABA5, #917A92, #3A333B)
• Aged Summit color palette (#F3F3E3, #95C09F, #41846E, #465B49, #252A15)
• Worn Atelier color palette (#E4F7F0, #DDCFDB, #BDA3B2, #006194, #002018)
• Hushed Chestnut Meadow color palette (#CCF0E0, #C9B4C6, #9E7A8A, #834F1C, #38342E)
• Lowlit Cobalt Studio color palette (#CEE5DE, #1D79C1, #3F2939, #071A16, #020805)
• Worn Canyon color palette (#E3F2EB, #A99AAA, #8C7386, #003C52, #000603)

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