Petrol Basin color palette — #FFF0FC · #DBD2DA · #96AFE4 · #4A6CA6 · #172544

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

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Silver (#DBD2DA): bright and airy, almost weightless.
• Sky (#96AFE4): A luminous, balanced violet — the color of twilight just after sunset.
• Slate (#4A6CA6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#172544): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.

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 color palette (#E1FDF1, #BCE6E7, #77C3E5, #1A77A5, #003446)
• Aged Station color palette (#FFF1F4, #E2D2D3, #BD9ED3, #835A9C, #311D3D)
• Muted Cerulean color palette (#EBF2FF, #B7CBFF, #6B85B8, #414D73, #112137)
• Powder Delta color palette (#FFF0FE, #D2E3FF, #8DBBFD, #7789BD, #482B42)
• Worn Canyon color palette (#ECECFF, #D4D1C6, #B6B4D3, #5A4351, #2B1F26)
• Driftwood Orchard color palette (#FAF3F6, #CFDDCC, #867FAA, #5D394C, #25161E)
• Lagoon Pier color palette (#FEF1F6, #CAB8F1, #C3AB7C, #609063, #402A34)
• Aubergine Orchard color palette (#F5F3FF, #C5ADFF, #8966D6, #41008A, #0A001A)

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