Petrol Workshop color palette — #F1F6FB · #D9D8E5 · #AFBAE3 · #256FA9 · #36414C

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

The five colors

• Ivory (#F1F6FB): bright and airy, almost weightless.
• Silver (#D9D8E5): bright and airy, almost weightless.
• Sky (#AFBAE3): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#256FA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#36414C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Petrol Workshop 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

• Softworn Archive color palette (#EAF3FB, #DAD4EB, #BEBCD7, #0073A7, #182733)
• Wandering Denim color palette (#E8EFF8, #C5CCDC, #9A9EBA, #1A52A0, #262F3A)
• Tempered Cobalt Loft color palette (#ECF8F4, #F8DBDE, #DDC0B9, #2C8FC8, #31453E)
• Hushed Driftwood color palette (#F5F4FB, #DFD7DD, #B7A9A1, #967499, #535159)
• Dusty Study color palette (#F4F4FF, #D6CDE9, #C996AA, #7B319E, #323141)
• Hushed Ridge color palette (#DFECFF, #AA9FD8, #9B5F9F, #6B5932, #464F20)
• Wandering Periwinkle color palette (#FAF2FB, #EBD4DA, #B8AFA5, #72A9E3, #463C47)
• Aged Byzantium color palette (#F0F6FF, #7ED6FF, #86A7FF, #974BD2, #313159)

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