Petrol Delta color palette — #F0F6FA · #DBDAE3 · #C6BCCB · #397D9A · #3C4A53
A conversation between Slate and Stone, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F6FA): bright and airy, almost weightless.
- Silver (#DBDAE3): bright and airy, almost weightless.
- Stone (#C6BCCB): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#397D9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3C4A53): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Delta 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
- Petrol Studio color palette (#ECF4F1, #DFD0CD, #D0B4B7, #4C7B98, #242F2B)
- Wandering Boulevard color palette (#EEF8F4, #87BBB8, #32827A, #375D7F, #2A4947)
- Lapis Parlor color palette (#F3F5FB, #E3D5E3, #C6B5CC, #6358BF, #393F52)
- Driftwood Thicket color palette (#D4F7FF, #97B2CD, #8181A7, #416E67, #2C5751)
- Wandering Abyss Quarry color palette (#E2E7EC, #A1A9BB, #7E7A9B, #003B5B, #041523)
- Softworn Petrol Orchard color palette (#E5FBF3, #58A7A3, #5067A4, #465500, #244150)
- Nightshade Harbor color palette (#ECEEF6, #CEC9D8, #AD98B0, #5B4098, #2A2D3E)
- Patina Navy Study color palette (#E7EBF4, #9898A8, #786A84, #1C0082, #040818)
Browse the whole catalog at Explore, or see today's palette.