Petrol Basin color palette — #FEF3EB · #DDA285 · #5B9B82 · #665DA7 · #48413D
Slate takes the lead with Camel close behind in a set that reads as optimism and creativity at first glance.
The five colors
- Ivory (#FEF3EB): bright and airy, almost weightless.
- Camel (#DDA285): A luminous, balanced orange — the color of autumn markets.
- Eucalyptus (#5B9B82): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#665DA7): A full-bodied, balanced violet — the color of twilight just after sunset.
- Charcoal (#48413D): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Sophistication. Tagged 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
- Aged Petrol Courtyard color palette (#FFF2F0, #D5A0B2, #87935C, #2D6E9E, #5C3443)
- Timeworn Pewter Grove color palette (#F9F5E9, #B9B382, #489AA7, #8C5181, #4C420E)
- Muted Loft color palette (#EEF8F1, #E8C969, #66A3BF, #6D638D, #3D334B)
- Tempered Ridge color palette (#EBF9F5, #84A36C, #228172, #065C78, #314933)
- Driftwood Basin color palette (#FFF3E8, #D8CDBA, #A6AD90, #A37985, #604844)
- Frosted Grape color palette (#FFF3E7, #DA8400, #008A82, #7B00B1, #492700)
- Tempered Lagoon color palette (#FAF3F0, #CBE9E3, #83BAD2, #3F997C, #30524A)
- Patina Workshop color palette (#FFF4DA, #BCCE99, #80B273, #3C8F66, #3F5235)
Browse the whole catalog at Explore, or see today's palette.