Petrol Basin color palette — #FFF0F8 · #D9C190 · #6E69A3 · #563749 · #291E24
A conversation between Slate and Sand, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Sand (#D9C190): A luminous, dusty gold — the color of old brass.
- Slate (#6E69A3): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal (#563749): A deep, shadowed, dusty pink — the color of a candy shop window.
- Onyx (#291E24): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Sophistication. Tagged luxury, dark, 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
- Tempered Oat color palette (#FEF1F4, #E6CDA7, #98717A, #60444A, #32282A)
- Softworn Stone Ridge color palette (#ECF9F4, #DBC18B, #4C7794, #1F4C3F, #132620)
- Patina Dune color palette (#FFF1F1, #E0B451, #98487D, #592448, #2B1214)
- Antique Indigo color palette (#F2F5FF, #FFE2A5, #726AB6, #36325B, #0C0F18)
- Tempered Iris color palette (#F0F5FF, #CDDEA0, #818FD9, #586086, #1D222B)
- Softworn Drift color palette (#FBF2F8, #AAB585, #474D7A, #262A4D, #2C1C27)
- Iris Harbor color palette (#FBF2F6, #CCB9EE, #C3738D, #8B70B6, #311F1C)
- Patina Lilac color palette (#FFF1F5, #A280CD, #917933, #006948, #38273A)
Browse the whole catalog at Explore, or see today's palette.