Petrol Grove color palette — #FAF3F5 · #DADDEE · #859ABC · #247B87 · #4B516A

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#859ABC): A luminous, dusty blue — the color of open sky before noon.
• Teal (#247B87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4B516A): A full-bodied, dusty violet — the color of twilight just after sunset.

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

• Powder Delta color palette (#EFF7F7, #D8DBEA, #8BB5E5, #4F8FAD, #475364)
• Petrol Summit color palette (#F1F3EC, #C3E4E7, #7C9FC7, #337390, #40303F)
• Antique Pine Garden color palette (#FAF3F7, #C5E2EA, #4D96A6, #007542, #274C65)
• Petrol Loft color palette (#F5EBF2, #8EB8CD, #006FA3, #005147, #0B2A60)
• Ancient Chapel color palette (#FFF0FD, #C38581, #429C87, #008595, #503A4D)
• Abyss Lantern color palette (#EAE0E7, #5D9BA0, #005268, #003122, #001528)
• Soft Canyon color palette (#EADAE0, #77A5C3, #2253A5, #003D41, #1B0E53)
• Antique Cabin color palette (#FCF1FC, #E8D7D7, #ADD7D2, #A17597, #5B4755)

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