Petrol Field color palette — #D6F7F2 · #55A3B7 · #3D6897 · #693840 · #493208
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D6F7F2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#55A3B7): A luminous, balanced blue — the color of open sky before noon.
- Slate (#3D6897): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#693840): A full-bodied, dusty red — the color of late-summer berries.
- Espresso (#493208): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Field 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
- Antique Teal color palette (#D2E4DE, #00A7AD, #356A88, #60374C, #412B3E)
- Aged Ash color palette (#C9E5EE, #87B5CE, #657995, #654B64, #543636)
- Softworn Iris color palette (#CFE2ED, #7991D8, #70598E, #633F26, #1F3C2A)
- Aubergine Studio color palette (#DBF1FF, #5774B3, #4F3279, #442105, #181C01)
- Aged Pewter Meadow color palette (#C7E4F6, #94BFB3, #859BD0, #965C8D, #4E273A)
- Ancient Delta color palette (#EEF6FF, #BAC4E4, #9794B0, #6B796A, #375252)
- Bronze Cabin color palette (#C7E2F8, #0089C0, #A15200, #004F71, #421E00)
- Tempered Hollow color palette (#E8F1EA, #6EBCE4, #1B6CAA, #004E57, #162C55)
Browse the whole catalog at Explore, or see today's palette.