Petrol Workshop color palette — #EFE4DF · #99BBA2 · #0080A8 · #005B47 · #00203F

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Parchment (#EFE4DF): a clean, paper-quiet neutral.
• Sage (#99BBA2): A luminous, dusty teal — the color of sea glass.
• Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00203F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Worn Cobalt Bloom color palette (#EDE0D4, #8AB8D7, #3E71CA, #00585E, #1B114F)
• Pale Cobalt Bloom color palette (#F7ECE5, #A3D0B9, #178CDC, #006C66, #19285E)
• Washed Pier color palette (#FDF1FA, #88DBE6, #0086AF, #005340, #000D1E)
• Softworn Studio color palette (#DDEEEB, #5BADB8, #006273, #003E3D, #00242F)
• Gentle Cerulean color palette (#E5E7D4, #6DD1E0, #00A3BF, #007D7C, #00232F)
• Ancient Jade color palette (#D3E4DA, #1AB17C, #007856, #004129, #000E07)
• Sunlit Veranda color palette (#E5E9D8, #83D2C7, #00B4EC, #677100, #002C24)
• Dusty Lagoon color palette (#FAF4F0, #D0E4DD, #7ABDCC, #609472, #325246)

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