Petrol Basin color palette — #F9F3F8 · #E3D8D6 · #CCBCB4 · #62739B · #4E444C

Built around Slate, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F9F3F8): a clean, paper-quiet neutral.
• Silver (#E3D8D6): a clean, paper-quiet neutral.
• Stone (#CCBCB4): A luminous, dusty orange — the color of autumn markets.
• Slate (#62739B): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#4E444C): a grounded near-black with real depth.

Feels like: 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 Pewter color palette (#FFF1F4, #E3D7CE, #D1B6A7, #8A5193, #51373D)
• Washed Cobalt Lagoon color palette (#EFF2F8, #D8D5DC, #C5B7C8, #6671A5, #272C36)
• Hushed Driftwood color palette (#FBF2F6, #E1D8D4, #A7AEA2, #9D7485, #594F53)
• Aged Stone color palette (#DAF5E8, #CCAAC0, #997D7E, #596C53, #335649)
• Muted Veranda color palette (#FBF4EA, #B7B18B, #547F61, #6F5053, #4D4300)
• Indigo Alley color palette (#F2DEE6, #7C5FAD, #442A2A, #2A1920, #130A0D)
• Ancient Garnet Harbor color palette (#EEE4E3, #C5B5AE, #9C8B78, #722147, #301716)
• Softworn Grape color palette (#FFF0F8, #E4CCCF, #C59B93, #5B40B4, #3F2C36)

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