Petrol Basin color palette — #F1F7F2 · #D2DDDC · #A9C7C8 · #39808C · #424A44

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DDDC): bright and airy, almost weightless.
• Stone (#A9C7C8): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#39808C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#424A44): quiet, heavy and certain.

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

• Ancient Cerulean Courtyard color palette (#EFF7F4, #DFD4D2, #B0A194, #6087A5, #4B5552)
• Dusty Cabin color palette (#EDF4EE, #CBDDDD, #CDBCC1, #3D8186, #272E28)
• Worn Abyss color palette (#E1ECE6, #9BAEA6, #5B8A7C, #003E4D, #02190E)
• Denim Lantern color palette (#EAF9F2, #BDDAD0, #BA9ABC, #006386, #243830)
• Worn Cabin color palette (#F6F6EA, #98BA96, #4C815E, #4E613D, #424700)
• Hushed Archive color palette (#FBF2FA, #EAD3D6, #D3B0C4, #4065BA, #4A3A48)
• Driftwood Harbor color palette (#F8E7F8, #C6A4BE, #817BA5, #815855, #5D4843)
• Sunlit Aqua color palette (#EAF9F2, #85EFFF, #26CAF8, #5795CE, #204337)

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