Petrol Basin color palette — #FAF1FF · #AA6C81 · #277193 · #43476F · #333041
Built around Slate, softened by Mocha — the whole palette hums with trust and stability.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Mocha (#AA6C81): A luminous, balanced rose — the color of strawberry cream.
- Slate (#277193): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#43476F): A full-bodied, dusty violet — the color of wild irises.
- Deep Teal (#333041): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: 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
- Cypress Atelier color palette (#F2F5FF, #817BAD, #22745A, #005D6A, #2C3948)
- Antique Quarry color palette (#FFF0F7, #B26C3A, #5B5291, #642E5C, #362536)
- Muted Petrol color palette (#ECF8F5, #709761, #00788A, #2E4E71, #303142)
- Muted Basin color palette (#F9EFF2, #A47F54, #586D36, #005178, #24182A)
- Soft Plum color palette (#FAF2FF, #B52572, #005777, #292884, #241C3C)
- Driftwood Coast color palette (#FAF3F7, #E0D7D7, #B0ADA4, #9B748C, #594F55)
- Pale Parlor color palette (#FFF0FC, #A83D31, #314B90, #451667, #2A1933)
- Patina Mallow color palette (#FFF1F4, #E3A7E5, #4BB9BF, #578BB7, #403039)
Browse the whole catalog at Explore, or see today's palette.