Petrol Garden color palette — #E1F2F1 · #74C3E2 · #00709B · #003C46 · #000307

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

The five colors

• Cream (#E1F2F1): bright and airy, almost weightless.
• Sky (#74C3E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00709B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003C46): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Workshop color palette (#D1E6E1, #4BB4B8, #00606A, #002C28, #000102)
• Washed Courtyard color palette (#E8F9F9, #9BD3FF, #007CD9, #004D67, #000A26)
• Cobalt Terrace color palette (#EEDFE7, #47C0E9, #1088D8, #006D68, #050C3B)
• Washed Navy color palette (#F6E3EE, #439BBB, #00498C, #003128, #110241)
• Worn Azure color palette (#E9F9F8, #D3DCEF, #16A1F9, #006E8A, #00244B)
• Sky Corridor color palette (#EBF9F6, #CFE1EF, #00C2E6, #008788, #003B4D)
• Sunlit Raspberry color palette (#EFE3F7, #D13886, #7D6400, #6F0041, #020100)
• Amber Canyon color palette (#FFDFED, #BC7206, #753C00, #3A1500, #000200)

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