Petrol Ridge color palette — #F3F0C7 · #88B086 · #518D6D · #106881 · #245145
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Custard (#F3F0C7): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#88B086): A luminous, dusty green — the color of fresh herbs.
- Fern (#518D6D): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#106881): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#245145): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Powdered Cabin color palette (#FCEAC3, #ADB57E, #5A883D, #006467, #1F4465)
- Soft Lagoon Lantern color palette (#CFF1CE, #8FBEA2, #009684, #286089, #36486B)
- Hushed Navy Station color palette (#DAF6E0, #4D9377, #00625A, #0B3B62, #1A264A)
- Patina Driftwood Parlor color palette (#E8F5D6, #ADC0A5, #6D8F73, #775873, #5C4954)
- Patina Pine Cabin color palette (#F6F7E4, #71B673, #007E45, #604F00, #254326)
- Timeworn Taupe color palette (#FFE4C0, #A6B070, #4B876F, #684A6C, #42232A)
- Muted Atelier color palette (#E2F3CA, #009769, #007DA5, #706000, #083A27)
- Worn Cerulean color palette (#F5F6EB, #97DDDD, #00909C, #00675D, #004854)
Browse the whole catalog at Explore, or see today's palette.