Petrol Garden color palette — #EDF3F7 · #D4D5E2 · #ADC1DC · #0072A9 · #162734

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D4D5E2): a clean, paper-quiet neutral.
• Sky (#ADC1DC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#162734): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Aged Denim color palette (#E3EAF2, #C4CCD8, #97A4BD, #005699, #081726)
• Washed Petrol color palette (#EDF8F3, #F2D8DF, #D4B0C3, #00749D, #36433D)
• Weathered Lapis color palette (#EFF1F9, #DBD3E1, #BCBCD9, #694FD0, #1F2437)
• Weathered Azure Chapel color palette (#F0F6FB, #DADAE4, #BAAEB7, #009FD5, #283742)
• Ancient Villa color palette (#F1F1F7, #DAD4D9, #B9AAAD, #92779D, #36353D)
• Shadow Sapphire Workshop color palette (#D4E3FC, #2E5CE2, #22244F, #030C2E, #00030C)
• Muted Cypress color palette (#E1F7F8, #6CB8A6, #007C73, #00575E, #002720)
• Nightshade Garden color palette (#DFE4EE, #ADB3C3, #878CA4, #29309E, #050A17)

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