Petrol Workshop color palette — #EEF8F1 · #DAC18E · #217F90 · #2A4B36 · #16261C
A conversation between Teal and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EEF8F1): bright and airy, almost weightless.
- Sand (#DAC18E): A luminous, dusty gold — the color of afternoon light on wheat.
- Teal (#217F90): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#2A4B36): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Onyx (#16261C): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Petrol Workshop 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
- Petrol Orchard color palette (#FCF1FB, #DBC18C, #5472A5, #543752, #2A1C29)
- Ancient Petrol color palette (#E9F8FF, #FFE2A5, #1B8497, #113E4F, #041118)
- Azure Harbor color palette (#ECF7FF, #FFC3C8, #4AA0C7, #376A82, #16232C)
- Wandering Denim Market color palette (#EDF8F3, #D59EA0, #005A76, #003345, #14261E)
- Tempered Summit color palette (#CFEDE0, #D6A200, #00628A, #003249, #00140D)
- Cerulean Cabin color palette (#EFF7F5, #E0D4D0, #A9A092, #6D93B8, #3C4C47)
- Iris Studio color palette (#EDF8F2, #8FCFEA, #9481CD, #258CB1, #301E26)
- Hazy Field color palette (#EBF9F2, #51A0CA, #BA5D6B, #795E15, #24321B)
Browse the whole catalog at Explore, or see today's palette.