Petrol Garden color palette — #EFF6FF · #F2D2EB · #F2A5B5 · #007F9C · #41446A

Built around Cerulean, softened by Ballet Pink — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Thistle (#F2D2EB): A whisper-light, dusty pink — the color of peonies in June.
• Ballet Pink (#F2A5B5): A luminous, balanced red — the color of a theater curtain.
• Cerulean (#007F9C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#41446A): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Sophistication. Tagged pastel, 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

• Patina Mallow color palette (#E6F9FF, #D4DDFF, #E899E2, #00806D, #274B6F)
• Cobalt Market color palette (#F4F4FF, #F7D4D3, #EEAE8A, #536FB1, #5C3552)
• Worn Cobalt Delta color palette (#F0F5FF, #E7D4E7, #F4B5FA, #3E8DDA, #3F3A5F)
• Timeworn Veranda color palette (#EFF5FF, #D6BEEB, #D18883, #006184, #322B4F)
• Weathered Bronze Studio color palette (#E0E3F2, #DA9CCC, #B96E55, #00537D, #2F1636)
• Sky Grove color palette (#FFEFFF, #EAD2E3, #F7B7AE, #1DC2E5, #53374A)
• Softworn Lapis color palette (#F5F4FF, #FFB1B4, #D28D32, #5A4BBA, #521F3B)
• Tempered Study color palette (#DAF5F1, #FEC053, #00A2E7, #242F52, #091F30)

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