Petrol Garden color palette — #F2E6E1 · #75C1CE · #0073A7 · #004E33 · #081333

Built around Slate, softened by Forest — the whole palette hums with trust and stability.

The five colors

• Parchment (#F2E6E1): bright and airy, almost weightless.
• Cyan (#75C1CE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004E33): A deep, shadowed, balanced teal — the color of sea glass.
• Midnight (#081333): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. 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

• Aged Coast color palette (#EFE8E1, #8EB9D8, #4361CA, #004B4A, #1A0C31)
• Washed Petrol Coast color palette (#F4EEE4, #5EC2D3, #007392, #005049, #00314C)
• Cobalt Parlor color palette (#F8F0EC, #AED1BD, #3680C0, #005D49, #191D3D)
• Tempered Turquoise Ridge color palette (#CCE4EF, #00A9D1, #00638A, #002F3D, #00080F)
• Aged Lagoon Pier color palette (#E2F6E6, #009982, #006975, #00364E, #001936)
• Lilac Boulevard color palette (#D3EED8, #A0C6EF, #B780CA, #00683E, #002116)
• Linen Bronze Drift color palette (#D1E8D2, #009195, #A64F00, #005153, #210B00)
• Washed Grove color palette (#FDE9E3, #409A99, #005267, #002E0B, #00040F)

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