Petrol Market color palette — #EEF3EF · #CBDFF1 · #738EBB · #006980 · #23294C
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF3EF): a clean, paper-quiet neutral.
- Powder Blue (#CBDFF1): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#738EBB): A luminous, dusty violet — the color of wild irises.
- Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#23294C): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Market 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
- Softworn Study color palette (#EEF4EF, #C6E2EA, #339DB0, #006F58, #063045)
- Ancient Denim color palette (#DCE7DE, #7AA3B6, #00617F, #003A36, #000C18)
- Ancient Iris Bloom color palette (#FBF4ED, #C2E5DA, #7485CC, #007072, #5A3E4A)
- Hushed Navy color palette (#E6EFE7, #42819D, #003F65, #001F22, #000106)
- Petrol Studio color palette (#E5F7E9, #71CBD8, #007E9C, #005249, #001D2D)
- Washed Lagoon Atelier color palette (#FAF3F5, #D9D4DE, #A8B7F8, #009498, #3A3C5C)
- Sapphire Terrace color palette (#FFEAFF, #C0757A, #628D4C, #2169C2, #29162A)
- Dusty Plum Meadow color palette (#F9EDFB, #D58C98, #01A398, #AE2B50, #002F2B)
Browse the whole catalog at Explore, or see today's palette.