Petrol Meadow color palette — #F3F2E8 · #73924E · #5C64A7 · #733B5C · #261B0D
Built around Slate, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F2E8): a clean, paper-quiet neutral.
- Olive Leaf (#73924E): A luminous, balanced green — the color of new leaves after rain.
- Slate (#5C64A7): A full-bodied, balanced violet — the color of a velvet chair.
- Mulberry (#733B5C): A full-bodied, balanced rose — the color of pressed rose petals.
- Onyx (#261B0D): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Petrol Canyon color palette (#F0F3EB, #69AD89, #3D76A9, #673A5C, #372209)
- Timeworn Moss Chapel color palette (#E6FAF6, #78973D, #7A548C, #563F62, #382C37)
- Aged Canyon color palette (#F7F1E7, #A27C28, #007696, #4C3E71, #241712)
- Softworn Delta color palette (#EDF5EA, #46A28E, #915696, #713428, #201D0D)
- Tempered Jade Meadow color palette (#E9FAF5, #97B86F, #7D88BE, #7F566D, #3E2B31)
- Powdered Market color palette (#D4F0DE, #007392, #8A004D, #3D2700, #000A04)
- Dusty Aubergine color palette (#EAF6E3, #007D6C, #761189, #5B1200, #0E0B00)
- Grape Workshop color palette (#EFF5E2, #008251, #5D00C1, #6B002A, #140B00)
Browse the whole catalog at Explore, or see today's palette.