Muted Petrol Grove color palette — #FFF1F3 · #FFC8D4 · #C8A879 · #5E6599 · #5B3634
A conversation between Slate and Camel, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Shell Pink (#FFC8D4): A whisper-light, dusty red — the color of late-summer berries.
- Camel (#C8A879): A luminous, dusty gold — the color of honey in a jar.
- Slate (#5E6599): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5B3634): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Optimism, Creativity, Sophistication. Tagged pastel, light, muted.
Use it as a design system
One click turns Muted 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 Delta color palette (#FFF0F9, #F3D3FF, #D9A09C, #2B7593, #593441)
- Cocoa Study color palette (#FFF2EE, #FDCEA4, #A8B586, #8A5C87, #662D06)
- Pewter Quarry color palette (#F5EEFF, #F7D1C7, #D89D8E, #82549E, #2C1A36)
- Moss Loft color palette (#FFF1F4, #FFB780, #98AF00, #7F469C, #5C2B29)
- Muted Pier color palette (#FFF1F2, #F3D5BF, #F7A799, #A576C0, #543633)
- Tempered Chestnut color palette (#F8E3D6, #AE916B, #8A543B, #65323A, #33302A)
- Cocoa Parlor color palette (#FFF2EE, #E0DDCE, #BACCA8, #A37B7F, #733E0B)
- Weathered Drift color palette (#FADBDF, #E1A7A2, #B27A00, #4B3987, #3C1320)
Browse the whole catalog at Explore, or see today's palette.