Petrol Garden color palette — #E6F1E8 · #8B9F97 · #5E7096 · #003137 · #030C05

Built around Slate, softened by Deep Forest — the whole palette hums with sophistication.

The five colors

• Cream (#E6F1E8): bright and airy, almost weightless.
• Taupe (#8B9F97): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#5E7096): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#003137): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#030C05): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Onyx Delta color palette (#D8E4E0, #A693A2, #8A6375, #002E48, #010C08)
• Tempered Atelier color palette (#D7E5DC, #92AC9F, #6C8F83, #004E5D, #000D05)
• Washed Petrol color palette (#D4E2E8, #9AA0B1, #8486A1, #007080, #000B12)
• Softworn Study color palette (#EBE2E8, #B7A3AA, #977192, #24297E, #1F0C1B)
• Muted Field color palette (#E9F0ED, #D6C6D5, #B198A6, #005D7C, #20322A)
• Muted Courtyard color palette (#CAF6F5, #316C9B, #492878, #222000, #050F02)
• Muted Aubergine color palette (#DDEFE7, #008D80, #00678C, #4900A2, #00030A)
• Twilit Quarry color palette (#EAE5D4, #426931, #003422, #001B1F, #010800)

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