Petrol Grove color palette — #F1F7F2 · #D3DCDD · #CBBDBE · #3A8087 · #414B43

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DCDD): a clean, paper-quiet neutral.
• Stone (#CBBDBE): a calm mid-gray that lets other colors speak.
• Teal (#3A8087): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414B43): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Petrol Veranda color palette (#ECF3F6, #D4D8E2, #BABCCA, #008494, #212E34)
• Washed Petrol color palette (#FAF3F7, #E5D5D2, #C4ADAB, #5A5F8E, #41373E)
• Weathered Harbor color palette (#FAF4EB, #B4B28C, #4F7F67, #3E6350, #494400)
• Softworn Abyss Workshop color palette (#E1EEE6, #B1A5B2, #907784, #003F4A, #09170F)
• Washed Petrol color palette (#D8E9E2, #007AAB, #412A38, #0E241C, #040F0D)
• Softworn Chestnut Delta color palette (#E1FBD9, #9AC1B4, #A77E8C, #815D17, #505100)
• Antique Petrol Delta color palette (#FFF3E6, #49AAA1, #4B68A5, #6B440B, #2B4435)
• Softworn Cerulean color palette (#EBF9EF, #0099AE, #8F4D4E, #6A3A0E, #3F3000)

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