Petrol Workshop color palette — #FAEBE5 · #9BBB9F · #007296 · #005329 · #102D56

Teal and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FAEBE5): a clean, paper-quiet neutral.
• Sage (#9BBB9F): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007296): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#005329): A deep, shadowed, balanced teal — the color of sea glass.
• Navy (#102D56): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Balance. 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 Lagoon color palette (#FCF3EF, #B2CDBB, #447EA9, #006247, #2C3761)
• Ultramarine Orchard color palette (#F4EDE7, #92BBAF, #4D5EBA, #004F50, #34234E)
• Petrol Alley color palette (#E1EDE3, #7FC0C4, #00788C, #004D3F, #001924)
• Tempered Archive color palette (#F7EEE8, #70A8BC, #00599C, #003F33, #181649)
• Washed Lagoon color palette (#D5EFD6, #00A485, #007072, #004659, #002D46)
• Forest Garden color palette (#D9F5D9, #A4D4C5, #AF8FCD, #0B6F35, #06354B)
• Turquoise Pier color palette (#C4EFFF, #00A6C3, #006075, #003039, #001C23)
• Hushed Rust color palette (#D1E4D0, #00918F, #BA3300, #005453, #4D1000)

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