Petrol Basin color palette — #F9EEF5 · #BE8572 · #91824F · #006A7A · #2E1C28
Built around Peacock, softened by Caramel — the whole palette hums with nature and growth.
The five colors
- Blush (#F9EEF5): a clean, paper-quiet neutral.
- Caramel (#BE8572): A luminous, dusty orange — the color of sun-warmed clay.
- Mocha (#91824F): A luminous, dusty green — the color of a quiet forest floor.
- Peacock (#006A7A): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#2E1C28): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Optimism, 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
- Denim Alley color palette (#FAEEF5, #BE8570, #53926F, #385D9B, #2C1D27)
- Antique Boulevard color palette (#E9F6EC, #D498A5, #90733F, #36527D, #3A2434)
- Softworn Lagoon Boulevard color palette (#F9F2FB, #BF7889, #4C9060, #266976, #433946)
- Aubergine Corridor color palette (#E9F6EC, #9E833D, #228770, #59418A, #0A1F11)
- Wandering Studio color palette (#FAE2E9, #A0661C, #007752, #1B359C, #210511)
- Antique Chestnut Hollow color palette (#F6EEFF, #D8B4D4, #AC7952, #685500, #203000)
- Driftwood Meadow color palette (#F5F0F4, #DDD5D4, #A5AFBB, #A9726D, #3C333A)
- Dusty Olive color palette (#FFEBF8, #C65330, #208108, #004A88, #2A0600)
Browse the whole catalog at Explore, or see today's palette.