Petrol Workshop color palette — #EFF6FF · #F4C69B · #3D649A · #042652 · #00040E

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Wheat (#F4C69B): A whisper-light, dusty gold — the color of honey in a jar.
• Peacock (#3D649A): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#042652): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00040E): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Denim Station color palette (#F2F5FF, #C0DAA9, #615999, #281C52, #02030E)
• Antique Delta color palette (#EAF7FF, #FFB9CB, #006E88, #002D39, #000409)
• Cobalt Ridge color palette (#F0F5FF, #F2E6B2, #5F73AF, #2B365A, #090F1A)
• Wandering Cobalt Workshop color palette (#F4EBF5, #E7C376, #468BD2, #35597E, #1D111E)
• Amber Lantern color palette (#DFEAF6, #C09A45, #184877, #001D39, #01050F)
• Quiet Nightshade color palette (#F1F5FF, #9BD960, #4B44B3, #1A015D, #01000A)
• Chalky Bloom color palette (#F5F3FF, #77D0AA, #72317A, #2C0031, #020008)
• Ancient Ember Hollow color palette (#EEF6FE, #9CD8FF, #D7613F, #007FB6, #0D0209)

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