Petrol Market color palette — #FFF0FC · #FFDBBD · #81AA92 · #3C7C89 · #1D415F
A conversation between Slate and Navy, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
- Peach Cream (#FFDBBD): A whisper-light, dusty gold — the color of old brass.
- Sage (#81AA92): A luminous, dusty teal — the color of glacier melt.
- Slate (#3C7C89): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#1D415F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Market 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
- Navy Coast color palette (#FFF3E6, #D2E7BD, #83B6AA, #4C7495, #424371)
- Weathered Taupe color palette (#FFF1F2, #EED8BE, #C49D5F, #347D7F, #004357)
- Petrol Courtyard color palette (#FFF2ED, #DDBC8E, #608E7A, #22677D, #173254)
- Forest Harbor color palette (#F1ECDE, #919A5F, #237242, #203365, #0F0221)
- Bronze Orchard color palette (#FFE7DC, #D7A77B, #8D7900, #086A77, #264C6F)
- Ancient Drift color palette (#EDF9EF, #CADCF7, #46C1D7, #008B6F, #003B4E)
- Onyx Basin color palette (#FFDEBB, #BDAD64, #647C49, #004870, #110C43)
- Dusty Onyx color palette (#DCE4C8, #588969, #005D56, #220C41, #030003)
Browse the whole catalog at Explore, or see today's palette.