Petrol Grove color palette — #F0F7F3 · #CFDCDE · #BFADB9 · #006F86 · #323E37

Built around Teal, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CFDCDE): bright and airy, almost weightless.
• Ash (#BFADB9): A luminous, dusty pink — the color of peonies in June.
• Teal (#006F86): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#323E37): quiet, heavy and certain.

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

• Petrol Canyon color palette (#EDF3F7, #D2D6E0, #ABB9C7, #006F8D, #14222B)
• Worn Cerulean color palette (#EFF8F3, #CDDDDE, #AAC4C8, #008DB3, #313E37)
• Washed Abyss color palette (#DDEAE4, #BFB5BF, #A08594, #004B65, #11241C)
• Indigo Cabin color palette (#FBF2F6, #E4D6D1, #CFB5B3, #7159A9, #4E3842)
• Ultramarine Balcony color palette (#FCF2FA, #E5CAD7, #C09BA3, #1A4FBF, #3D2D3B)
• Wandering Garden color palette (#F9F6E1, #7AA880, #2A7160, #2B5540, #333A00)
• Tempered Chestnut color palette (#C8ECD2, #83AACC, #8D6A79, #6A5300, #3E4A20)
• Lowlit Denim color palette (#CFEAE2, #0065AD, #341E2B, #031813, #000505)

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