Petrol Workshop color palette — #EFF6FC · #D6D8E6 · #A6B5C8 · #2F6A8C · #303C46

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D6D8E6): bright and airy, almost weightless.
• Ash (#A6B5C8): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#2F6A8C): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#303C46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Aged Denim Delta color palette (#F1F5FF, #CBD1EC, #A1A4C4, #4F4F9D, #2A3247)
• Cerulean Studio color palette (#EFF7F4, #E7D7DD, #D3B9BE, #4A89A8, #323E39)
• Worn Navy Harbor color palette (#E3EEF9, #AFBAC9, #7F8FAA, #004778, #16202B)
• Timeworn Periwinkle Lagoon color palette (#EEF6FF, #73CFFF, #5EAAFF, #5E6BB6, #1D3048)
• Iris Villa color palette (#D3E0FF, #9497D3, #8473A0, #624F67, #4F384C)
• Muted Study color palette (#E7F9F9, #65AB93, #007364, #2E515B, #183C3E)
• Onyx Canyon color palette (#E5E6F1, #9897AC, #716D83, #361856, #080813)
• Feathered Thicket color palette (#FAE7FF, #3F88D9, #4650A5, #62284A, #213147)

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