Petrol Grove color palette — #F5EBF1 · #86BACD · #316BA4 · #005142 · #25255B

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

The five colors

• Blush (#F5EBF1): bright and airy, almost weightless.
• Ash (#86BACD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#316BA4): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#25255B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Ancient Cobalt color palette (#FBF2F6, #AFC9DC, #4F76BF, #006059, #3A3459)
• Petrol Harbor color palette (#EFE8DD, #82BED2, #0074A3, #004B4C, #00162F)
• Chalky Nightshade Station color palette (#ECDFE4, #76A4CA, #3B4BAC, #003E3E, #2A064C)
• Timeworn Petrol color palette (#EAF0FF, #E0B6D5, #CB8371, #006B91, #373153)
• Weathered Onyx color palette (#F2E6F0, #509DA7, #005071, #00321D, #000647)
• Aged Drift color palette (#FAF3F7, #D8DEF0, #829BBF, #008073, #4A516A)
• Periwinkle Alley color palette (#FBEBE1, #89E2FC, #55AAF6, #1E9376, #242855)
• Byzantium Drift color palette (#E2DFF4, #91489F, #7C5600, #3F5014, #2E1233)

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