Petrol Garden color palette — #EAF3FF · #80A4E5 · #AB873D · #3F63A5 · #342400

A conversation between Slate and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Cornflower (#80A4E5): A luminous, balanced violet — the color of wild irises.
• Caramel (#AB873D): A luminous, balanced gold — the color of honey in a jar.
• Slate (#3F63A5): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#342400): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

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

• Dusty Amber color palette (#E5F4FF, #58AFD7, #C17853, #006E92, #3E1D0A)
• Ultramarine Canyon color palette (#FEF0FE, #7EA1D3, #A3863A, #0060CA, #52400E)
• Tempered Pewter Field color palette (#EEF1FF, #B6ABDC, #9FA167, #7665A5, #14392B)
• Cornflower Canyon color palette (#FFF0FD, #9CB8EB, #CE9B39, #4C7DD9, #563D0A)
• Muted Iris Study color palette (#EBF2FF, #6E89D9, #B86358, #45794F, #121E34)
• Cerulean Coast color palette (#EBF2FF, #DBD3E4, #D0B2D2, #6489A7, #262C3E)
• Denim Basin color palette (#F0F1FD, #C9B07D, #5E4978, #24243F, #0B0B16)
• Nightshade Terrace color palette (#DCDDF1, #7C69FF, #817200, #4B00C8, #1A1600)

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