Petrol Basin color palette — #EFF7F5 · #E0D4D1 · #CBB7BB · #55789B · #414A48

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#E0D4D1): a clean, paper-quiet neutral.
• Stone (#CBB7BB): A luminous, dusty red — the color of embers at dusk.
• Slate (#55789B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414A48): 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

• Worn Archive color palette (#FDF1F5, #E8D5D0, #D6B1B7, #79599C, #493B40)
• Hushed Orchard color palette (#FAF3F7, #E1D7D7, #B2ADA0, #98768B, #585054)
• Ancient Quarry color palette (#FFEEF7, #D9ABBD, #9D7980, #8E4E32, #5F4600)
• Muted Cobalt color palette (#F1DEEB, #5D69B7, #442838, #291925, #120B0D)
• Airy Harbor color palette (#FEF1FB, #B7DAFF, #94B5FF, #927BD7, #54374C)
• Timeworn Atelier color palette (#F9F5E8, #ACB589, #637E33, #4C6144, #4E4200)
• Aged Navy color palette (#F1EAF1, #B7A2B2, #977289, #00307E, #1D0D1C)
• Hushed Quarry color palette (#F6EBEE, #DDC5C9, #BF9496, #6F3A84, #3A282D)

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