Petrol Garden color palette — #EEF0E0 · #75C5D5 · #00738D · #003D40 · #000306

Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EEF0E0): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#75C5D5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#00738D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000306): quiet, heavy and certain.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Garden 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 Sapphire color palette (#EBF1E0, #8EBCE4, #0066C1, #003A51, #000111)
• Washed Villa color palette (#F3F7E7, #97D5F5, #0082BF, #004F5F, #000D1D)
• Tempered Harbor color palette (#E7F1E9, #4297A9, #00516B, #002C29, #00050C)
• Ancient Cobalt Workshop color palette (#ECDCD4, #4BC2D9, #008EC4, #006F5D, #001331)
• Bronze Villa color palette (#F4EDE0, #927D00, #007677, #473B00, #000202)
• Muted Azure color palette (#F4F7E7, #D5E4F9, #00A7E2, #00707F, #00273F)
• Aged Orchard color palette (#F6F6E8, #CEDFFA, #00C5D6, #00897C, #003C47)
• Washed Moss Archive color palette (#ECEED6, #9B9F00, #4B5000, #141500, #010100)

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