Petrol Basin color palette — #F9F2FC · #E49CA9 · #5B90BA · #645DA7 · #261F33

Slate takes the lead with Ballet Pink close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F2FC): a clean, paper-quiet neutral.
• Ballet Pink (#E49CA9): A luminous, balanced red — the color of late-summer berries.
• Slate Blue (#5B90BA): A luminous, balanced blue — the color of open sky before noon.
• Slate (#645DA7): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#261F33): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Timeworn Villa color palette (#FCF2F6, #E9B291, #968AC8, #985487, #2F1F2E)
• Washed Teal Courtyard color palette (#F4F4FD, #C7AFDB, #45A69F, #206F90, #1A2131)
• Washed Ridge color palette (#FFF1F5, #E6B27E, #33B9B3, #9581B4, #3F3035)
• Iris Meadow color palette (#FFF1F6, #CE8E53, #9474CC, #8E4278, #261323)
• Linen Bloom color palette (#FFF0F9, #C47355, #6266C2, #6B277C, #17051A)
• Muted Petrol color palette (#EAF9F8, #A6DAB7, #5CA8B0, #3F6DA3, #3F3053)
• Amber Studio color palette (#FCEFE4, #B17B38, #456D98, #2F4C6C, #231515)
• Hazy Grape color palette (#FFF0FD, #F6594E, #436BEC, #7610AF, #210211)

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