Petrol Meadow color palette — #EBF4F1 · #E1D0C9 · #CAB5AF · #50799E · #252F2C
Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EBF4F1): a clean, paper-quiet neutral.
- Oat (#E1D0C9): A whisper-light, dusty orange — the color of toasted spice.
- Stone (#CAB5AF): A luminous, dusty orange — the color of toasted spice.
- Slate (#50799E): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#252F2C): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Softworn Petrol color palette (#F9F3F9, #E3D7D9, #CBBBBC, #5575A5, #4C454C)
- Muted Pewter color palette (#F9EFF0, #E1D3C9, #C7B2A7, #76587A, #2A1C1F)
- Hushed Boulevard color palette (#FAF0E6, #BDB676, #5E8051, #684C54, #2E2611)
- Washed Studio color palette (#FDECF9, #EACAD4, #C89DB4, #354FB7, #251222)
- Tempered Basin color palette (#D0F7E6, #B5B4E7, #A1827F, #626011, #36362F)
- Aged Navy color palette (#F2EBF2, #B297A3, #957174, #003273, #080208)
- Patina Garnet color palette (#F7E8E9, #C8ACA4, #9D897A, #68245C, #130708)
- Softworn Indigo color palette (#F4DEEC, #665CE5, #43282C, #1D1219, #020806)
Browse the whole catalog at Explore, or see today's palette.