Petrol Basin color palette — #E0ECEB · #89BADC · #2D6FA7 · #00485D · #001533
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#E0ECEB): a clean, paper-quiet neutral.
- Sky (#89BADC): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2D6FA7): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00485D): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#001533): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Patina Petrol color palette (#DFECE9, #7AC2C2, #007983, #004C44, #001A1F)
- Washed Market color palette (#EAF4F4, #ACCBEC, #5C7DAE, #06557A, #121E41)
- Washed Study color palette (#F7ECE3, #92BCAD, #3966B0, #004F53, #27245C)
- Petrol Hollow color palette (#EAF4F4, #D5D9EC, #849FBC, #38738D, #2A3749)
- Muted Study color palette (#CFE9E6, #4B95AE, #00506D, #002B31, #00050B)
- Patina Lapis Thicket color palette (#BFE8F2, #00928C, #6654CA, #00524E, #13003D)
- Gentle Ultramarine color palette (#C5E6E4, #007B78, #155BB4, #3F5500, #000E0D)
- Aged Lagoon color palette (#D5E6DD, #00966E, #006954, #003C35, #001918)
Browse the whole catalog at Explore, or see today's palette.