Petrol Workshop color palette — #F5EDE2 · #95BCA1 · #007393 · #00504A · #01314D

Built around Teal, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sage (#95BCA1): A luminous, dusty teal — the color of sea glass.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504A): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Teal (#01314D): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Wandering Sapphire Workshop color palette (#F6EDE1, #8ABEAE, #1C64C6, #004D5D, #222A52)
• Antique Cobalt Thicket color palette (#F9F4EE, #96CFE3, #2481B1, #005F61, #213C5A)
• Washed Petrol color palette (#F2E6E1, #5FC4D4, #0073A5, #004E32, #071235)
• Aged Denim Pier color palette (#E7E1D9, #5FA8CF, #005A98, #003D44, #051A4C)
• Turquoise Delta color palette (#E5F2F0, #9AE0EE, #3EB4D5, #009094, #003345)
• Turquoise Delta color palette (#F8F5EF, #C9E6E3, #62A2C3, #267D7B, #33514A)
• Dusty Lagoon color palette (#EAE2D6, #569D9D, #00535E, #003124, #001720)
• Turquoise Villa color palette (#EDF7DC, #80D1C9, #13ABC6, #356929, #28361F)

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