Petrol Workshop color palette — #EBF4F1 · #D6C09D · #416585 · #0D3930 · #061813

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

The five colors

• Cream (#EBF4F1): a clean, paper-quiet neutral.
• Sand (#D6C09D): A luminous, dusty gold — the color of old brass.
• Peacock (#416585): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#0D3930): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#061813): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

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

• Denim Ridge color palette (#F6EFF5, #D4C0A1, #4C608C, #3F273D, #1B1019)
• Wandering Cobalt Harbor color palette (#EEF6FF, #E4CFA4, #5082AF, #3B4F63, #252C33)
• Worn Cobalt color palette (#F5F0F5, #D9B6D6, #A16EA1, #426FBF, #201114)
• Washed Driftwood color palette (#F6F0F3, #DCD4D3, #B9AEA4, #7B7DAE, #3B3338)
• Ancient Fern color palette (#F6EFF5, #7385BC, #895737, #3B5008, #0F1D13)
• Hushed Fern Orchard color palette (#FBF0DF, #A9A5D4, #8F6A8C, #5E5203, #3B242D)
• Washed Azure Pier color palette (#F7EFF7, #6F97C9, #AA735E, #646124, #2B1D2C)
• Powdered Nightshade Station color palette (#FAEDF7, #C7A250, #2B40A0, #0B0F5F, #120110)

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