Petrol Basin color palette — #ECF4EF · #E1CFCE · #C6B5B7 · #467E91 · #252F29

Slate and Oat set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Oat (#E1CFCE): A whisper-light, dusty orange — the color of toasted spice.
• Stone (#C6B5B7): soft and architectural.
• Slate (#467E91): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#252F29): 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 Basin 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

• Dusty Petrol Chapel color palette (#EFF6FB, #DADAE4, #C3BDC9, #417E90, #3C4A51)
• Aged Pewter Dune color palette (#F9EFF3, #E3D2CC, #C9B1AE, #695C87, #281D21)
• Worn Studio color palette (#F6EFF6, #E1D4D5, #B7ACA4, #947795, #39343A)
• Lagoon Station color palette (#F4F3E5, #93C09F, #428275, #415C4F, #252A14)
• Antique Chestnut Atelier color palette (#CDEFDC, #C7A6C4, #A0818A, #6F5E0D, #3B3A33)
• Dusty Orchard color palette (#D7E9E1, #AF97AD, #956F83, #003C53, #000603)
• Patina Quarry color palette (#F0E1E5, #C5ACAD, #A3857F, #523369, #15050B)
• Wandering Turquoise Thicket color palette (#FEF0DD, #00ADD3, #60659E, #5C410A, #0A2921)

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