Petrol Ridge color palette — #FDF3EA · #DFB993 · #979247 · #356AA6 · #372518
Slate takes the lead with Moss close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FDF3EA): bright and airy, almost weightless.
- Sand (#DFB993): A luminous, dusty gold — the color of afternoon light on wheat.
- Moss (#979247): A luminous, balanced green — the color of fresh herbs.
- Slate (#356AA6): A full-bodied, balanced blue — the color of open sky before noon.
- Espresso (#372518): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Weathered Lagoon color palette (#F8F5E9, #B8BD80, #569D79, #6E66A1, #29200D)
- Cypress Atelier color palette (#FEF2EC, #ECA896, #B47968, #00756D, #352325)
- Cocoa Atelier color palette (#FDF4E7, #FFCFCF, #B0A170, #61709F, #623000)
- Hushed Teal Station color palette (#FDF1F9, #FEA698, #32B998, #6193BB, #363141)
- Hushed Quarry color palette (#FCEFE9, #D17765, #2E765E, #2E4D6B, #271619)
- Ancient Ultramarine Canyon color palette (#FDF4E3, #B69100, #568400, #1F3CC0, #160B00)
- Ancient Villa color palette (#FBF4EC, #D1A572, #625400, #362818, #150E0A)
- Stone Field color palette (#FAF4F0, #DBDBD4, #A4B4B9, #D3A192, #544B46)
Browse the whole catalog at Explore, or see today's palette.