Petrol Ridge color palette — #FEF2F3 · #E5BCE6 · #A69B57 · #5965A6 · #512B33
A conversation between Slate and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF2F3): a clean, paper-quiet neutral.
- Carnation (#E5BCE6): A whisper-light, dusty pink — the color of peonies in June.
- Moss (#A69B57): A luminous, balanced green — the color of a quiet forest floor.
- Slate (#5965A6): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#512B33): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Ridge 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
- Muted Pewter color palette (#FFF1F0, #F5B7D1, #67AA8B, #82598B, #512B35)
- Dusty Petrol Garden color palette (#FFF1F0, #EFBAD1, #C38A72, #08778F, #53283C)
- Muted Coast color palette (#F6F6EC, #C1D4A4, #8EA36D, #1E739E, #522E0E)
- Aged Jade color palette (#FBF3F1, #C2E0E5, #A5C7F6, #65A272, #59465A)
- Ancient Taupe Alley color palette (#FBF2F9, #FFB0A2, #AAB066, #4B9595, #38425B)
- Patina Pier color palette (#FFF2ED, #EFD9B8, #D9A96D, #877715, #4D4C45)
- Driftwood Lantern color palette (#FFF1F2, #E5D6D0, #DABAA6, #9E819E, #684A4D)
- Coral Lantern color palette (#FEEEE7, #D28578, #6C783D, #005760, #3A1C2B)
Browse the whole catalog at Explore, or see today's palette.