Petrol Workshop color palette — #E5F2ED · #CFB06F · #006A9C · #003A57 · #0B1915

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

The five colors

• Cream (#E5F2ED): bright and airy, almost weightless.
• Sand (#CFB06F): A luminous, balanced gold — the color of old brass.
• Peacock (#006A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003A57): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0B1915): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, 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

• Patina Denim Thicket color palette (#F7EBF1, #D3AF60, #60579F, #332E5B, #1E1219)
• Dusty Petrol color palette (#ECF7FF, #A6E2AA, #006D92, #002C3E, #00040A)
• Aged Lantern color palette (#E4F0FC, #F7B89D, #5A8DB9, #385A77, #061727)
• Ancient Amber color palette (#D5E9E4, #B88A00, #00467D, #001B36, #000302)
• Muted Courtyard color palette (#FAE8F8, #DC7D69, #274172, #0E2042, #1E111D)
• Worn Grove color palette (#FAF3F6, #E5CE9F, #7F75A6, #614252, #34272D)
• Mulberry Hollow color palette (#ECD8DB, #C89E3A, #822784, #3C193C, #150609)
• Frosted Courtyard color palette (#F6DCEB, #D6A200, #5707EB, #291C6B, #1D0615)

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