Petrol Basin color palette — #DDF0D0 · #A4C1A0 · #75967D · #5C6899 · #5C3F4E
Slate takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#DDF0D0): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A4C1A0): A luminous, dusty green — the color of fresh herbs.
- Eucalyptus (#75967D): A luminous, dusty teal — the color of sea glass.
- Slate (#5C6899): A full-bodied, dusty violet — the color of twilight just after sunset.
- Cocoa (#5C3F4E): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Petrol Basin 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
- Driftwood Field color palette (#E5FDE4, #BAD0C0, #7DA895, #7C739C, #62484F)
- Patina Basalt color palette (#DAEBD7, #9EBFA6, #6597AA, #855E74, #493759)
- Patina Studio color palette (#ECEAD5, #B1B693, #63997E, #2C758F, #21493F)
- Cocoa Cabin color palette (#F6EFDB, #ABB190, #378990, #724B42, #593700)
- Weathered Balcony color palette (#D8EEE9, #5CA2A0, #437C8A, #424979, #281B45)
- Dusty Alley color palette (#F9F5E9, #AEBB8F, #6D8B50, #666735, #37362F)
- Driftwood Study color palette (#DFFDF2, #D9CBD9, #C2A5BA, #A17A7D, #694844)
- Patina Azure Market color palette (#F4F7EC, #BADED0, #559BD7, #007797, #193B64)
Browse the whole catalog at Explore, or see today's palette.