Petrol Grove color palette — #EDF4F0 · #CCDCDE · #D8BBC4 · #3B7F93 · #242F29

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

The five colors

• Cream (#EDF4F0): bright and airy, almost weightless.
• Silver (#CCDCDE): a clean, paper-quiet neutral.
• Stone (#D8BBC4): A luminous, dusty rose — the color of pressed rose petals.
• Slate (#3B7F93): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#242F29): 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

• Washed Petrol color palette (#EEF7FB, #D9DAE5, #C2BDCC, #507B8D, #40494E)
• Sapphire Ridge color palette (#F8EFF5, #E8D0D0, #DBB2BD, #5361BB, #2D202A)
• Ancient Workshop color palette (#E9F5F1, #DFCDDE, #A4A7D3, #006192, #002018)
• Lagoon Pier color palette (#F3F3E7, #93C09D, #31866C, #3F5E44, #252A17)
• Dusty Chestnut color palette (#D9F3E9, #C2A8BF, #9E7A89, #865020, #37332D)
• Tempered Turquoise Workshop color palette (#F1F7F2, #D0DFE2, #BDB5A9, #5FABB8, #3B413C)
• Cobalt Pier color palette (#E0F0EB, #2E7AB8, #40283A, #061A15, #030805)
• Patina Abyss Parlor color palette (#E9F3EE, #89A7A0, #8D7287, #003C51, #000603)

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