Petrol Grove color palette — #EEF6FF · #D7D8E3 · #8AB7EB · #3F70A7 · #112B48

Slate takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#D7D8E3): bright and airy, almost weightless.
• Sky (#8AB7EB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#3F70A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#112B48): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

One click turns Petrol Grove 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

• Turquoise Market color palette (#E8F8FF, #D0DBE7, #62C0CA, #007781, #00353B)
• Hushed Boulevard color palette (#F3F4FF, #DCD7E0, #BBA5DC, #7C5DA2, #312146)
• Cobalt Studio color palette (#FFEFFF, #9DCAFF, #5982B5, #375478, #422D44)
• Muted Orchard color palette (#EAEDFF, #DCCBC5, #B0A9BA, #424C66, #1D212C)
• Dusty Driftwood color palette (#F2F5FD, #E9D2CF, #8280AE, #434167, #181B24)
• Washed Lagoon color palette (#ECF7FE, #82D1E8, #B6B270, #678F59, #23343E)
• Sunlit Aubergine Canyon color palette (#F4F4FF, #BDBBFF, #7665DD, #3E0099, #040018)
• Driftwood Studio color palette (#EBF9F1, #C3E2E1, #91B9A2, #8B7849, #2E453C)

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