Petrol Grove color palette — #FDF2F5 · #B99DC7 · #199893 · #1A759F · #3C2A36
A conversation between Slate and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Mauve (#B99DC7): A luminous, dusty violet — the color of twilight just after sunset.
- Fern (#199893): A luminous, balanced teal — the color of sea glass.
- Slate (#1A759F): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3C2A36): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Lagoon Veranda color palette (#FBF2F8, #9AA3DA, #529166, #007E7D, #243B34)
- Petrol Market color palette (#FFF2EF, #DC9EA4, #5896AF, #5C62A1, #563554)
- Ultramarine Drift color palette (#FFF1F2, #C864AE, #0085A1, #0051B9, #28143E)
- Patina Parlor color palette (#FBF2FA, #F68C8A, #9B8E4C, #64668C, #2B2433)
- Feathered Nightshade Veranda color palette (#FFF2EF, #C76585, #006DA9, #493DA6, #330F16)
- Linen Mulberry Coast color palette (#FFF2EC, #C47866, #6C74BA, #80458E, #3F221C)
- Timeworn Bloom color palette (#FCF4E8, #DFB58C, #A69058, #33805A, #633F00)
- Dusty Orchard color palette (#FEF3EB, #B3734C, #457136, #28537E, #43332E)
Browse the whole catalog at Explore, or see today's palette.