Petrol Garden color palette — #EDF2F7 · #D5D5DE · #AFB7CB · #006BA2 · #192229

Peacock and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF2F7): a clean, paper-quiet neutral.
• Silver (#D5D5DE): bright and airy, almost weightless.
• Ash (#AFB7CB): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#192229): quiet, heavy and certain.

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

• Washed Field color palette (#F0F7F4, #E9D6D9, #C8AAB3, #006D95, #323E39)
• Cerulean Lantern color palette (#EFF6FC, #DBD9E4, #BDB0A9, #3E93C1, #23303A)
• Softworn Grape Lagoon color palette (#EEF1FD, #D1D2E1, #ADA6C5, #5934CB, #121830)
• Navy Grove color palette (#DEE2E8, #ADB3C0, #878CA4, #004381, #010B1A)
• Weathered Cocoa color palette (#E0EEFF, #97A1C9, #777092, #60440E, #073728)
• Byzantium Basin color palette (#F2F1F8, #DDD3DA, #C7BACD, #9245A5, #252232)
• Cellar Ultramarine color palette (#E4EEFF, #465CB5, #20233A, #030B20, #000206)
• Worn Coast color palette (#E8F6EB, #A6A274, #5B6D25, #034E63, #002315)

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