Petrol Meadow color palette — #FDF3EF · #DD9E9C · #659A79 · #6A5E9C · #5E3438
Built around Slate, softened by Rosewood Mist — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3EF): a clean, paper-quiet neutral.
- Rosewood Mist (#DD9E9C): A luminous, dusty orange — the color of toasted spice.
- Eucalyptus (#659A79): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#6A5E9C): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5E3438): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Meadow 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
- Hushed Petrol color palette (#FEF2F1, #D69EB8, #8D9155, #05729D, #5D3537)
- Ancient Summit color palette (#F6F6EB, #A2BA91, #699A75, #66609A, #5B3A19)
- Dusty Sand Lantern color palette (#FFF1F7, #FFBB88, #57AB9D, #6D6291, #323651)
- Mulberry Study color palette (#FBF4E9, #BCA168, #1990A1, #863F79, #483400)
- Lagoon Thicket color palette (#F9F4EF, #CCE7E9, #97B2E0, #46949B, #64495A)
- Washed Study color palette (#FFF2ED, #E1D1BF, #B2AF8F, #997589, #634B4D)
- Olive Grove color palette (#FFF3E4, #D9CC97, #95A55E, #618848, #4C4E47)
- Grape Pier color palette (#FFF3E9, #DD8041, #008C6C, #7300BD, #4E2200)
Browse the whole catalog at Explore, or see today's palette.