Petrol Basin color palette — #FAF2F8 · #D19286 · #90884B · #007687 · #373246
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF2F8): bright and airy, almost weightless.
- Camel (#D19286): A luminous, dusty orange — the color of sun-warmed clay.
- Moss (#90884B): A luminous, balanced green — the color of fresh herbs.
- Teal (#007687): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#373246): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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
- Petrol Coast color palette (#FFF1F6, #C29067, #60975D, #316AA8, #392B3A)
- Cypress Parlor color palette (#F9F2FD, #D28EA8, #B37652, #297D5B, #293245)
- Petrol Harbor color palette (#F9F2FC, #DB9DAF, #739964, #4C67A1, #314264)
- Worn Taupe Parlor color palette (#FBEDF6, #C88A76, #4E5C4E, #43323D, #242025)
- Aged Pine color palette (#FCF4E9, #A27D4A, #147C41, #005958, #21362F)
- Weathered Mallow color palette (#FEF2F0, #F9A1BE, #4FA9A3, #3B7D78, #32242F)
- Pale Denim Delta color palette (#E9FAF2, #A0A250, #1F886A, #4452A3, #341E2E)
- Wandering Mallow Loft color palette (#F9F2FF, #F5A5C7, #CA9C68, #7986B2, #312F3E)
Browse the whole catalog at Explore, or see today's palette.