Petrol Basin color palette — #EEEFE4 · #79C4D5 · #00728E · #003D40 · #000306
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#EEEFE4): a clean, paper-quiet neutral.
- Sky (#79C4D5): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00728E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003D40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000306): quiet, heavy and certain.
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
- Softworn Cobalt Atelier color palette (#F4F7EC, #AAD8C4, #0083BF, #004F5F, #000D1D)
- Denim Lagoon color palette (#ECF0E5, #81A6CA, #0051A8, #00283B, #00000B)
- Cobalt Boulevard color palette (#F6E9E2, #6CBED1, #008DC6, #006F5E, #001232)
- Cerulean Basin color palette (#DCECEA, #00A0BC, #005268, #002F33, #001622)
- Wandering Grove color palette (#F4F6ED, #BEE0ED, #4BB3DF, #007D8A, #00324B)
- Dusty Peony Basin color palette (#FAD9DB, #BE46AD, #006FA0, #67005D, #000103)
- Softworn Cocoa color palette (#F3D9C6, #B57544, #7D3500, #3F0E00, #020100)
- Frosted Mulberry Drift color palette (#EFDFF4, #B252BC, #86007F, #49003B, #0E0007)
Browse the whole catalog at Explore, or see today's palette.