Petrol Delta color palette — #F4F2E6 · #92A568 · #1C7F90 · #554071 · #3D1E0D
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E6): bright and airy, almost weightless.
- Moss (#92A568): A luminous, balanced green — the color of fresh herbs.
- Teal (#1C7F90): A full-bodied, balanced blue — the color of deep harbor water.
- Royal Purple (#554071): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#3D1E0D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.
Use it as a design system
One click turns Petrol Delta 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
- Cypress Field color palette (#F9F0E5, #BA9560, #2B8368, #364B74, #3C1D1A)
- Washed Cabin color palette (#EEF4E9, #68AC96, #576FAD, #713747, #322503)
- Washed Moss color palette (#EAF9F4, #8DA34C, #7A6693, #5D4874, #513247)
- Softworn Lime color palette (#EBF9F4, #A3BD66, #5497A9, #755E85, #533949)
- Weathered Driftwood color palette (#F5F3DB, #CBD3B9, #7D967C, #7A5F69, #523D3D)
- Azure Terrace color palette (#F5F1EB, #C6E3E3, #69A3D0, #32777D, #40303F)
- Muted Chestnut color palette (#F6F1E8, #CEC39E, #778A62, #7C5B11, #33312A)
- Hushed Hollow color palette (#EAF0E3, #00926C, #005699, #55134C, #230E00)
Browse the whole catalog at Explore, or see today's palette.