Petrol Study color palette — #DBF4F2 · #63C4EE · #006F9F · #003C47 · #000308
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DBF4F2): A whisper-light, dusty teal — the color of sea glass.
- Sky (#63C4EE): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003C47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000308): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Study 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
- Turquoise Summit color palette (#DCEFEC, #4DB4BA, #00606B, #002C28, #000102)
- Wandering Market color palette (#E5FAFA, #A0D1FF, #2379DB, #004D6B, #000631)
- Hushed Atelier color palette (#E1EDE3, #82B9D2, #008AD3, #006C73, #001233)
- Periwinkle Veranda color palette (#EDF8F7, #D9DDE8, #66ADE4, #077B96, #15304C)
- Navy Boulevard color palette (#EFDDE7, #5998B6, #0D4594, #00302B, #150040)
- Antique Byzantium Corridor color palette (#E9E0F5, #8D00DC, #A5003D, #00486B, #020006)
- Violet Orchard color palette (#DDE2F7, #8455FB, #007774, #440099, #000201)
- Wandering Atelier color palette (#F7F0FF, #F5A5FF, #D37CB7, #654D9C, #06000B)
Browse the whole catalog at Explore, or see today's palette.