Petrol Study color palette — #D8EEEC · #69C0E2 · #0074A1 · #004A55 · #001829
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#D8EEEC): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#69C0E2): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001829): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Softworn Cobalt Balcony color palette (#E8F5F4, #A2CEEB, #4C81AE, #00586F, #07213E)
- Petrol Ridge color palette (#F5EDE3, #93BCA8, #226E9E, #004F53, #0D2D56)
- Wandering Denim Ridge color palette (#D0E4E4, #6CA1D6, #2156A1, #00354E, #010230)
- Ash Villa color palette (#EAF4F3, #D3DAEE, #78A2C0, #3E7483, #293846)
- Ancient Navy Courtyard color palette (#D7E8E7, #457EAA, #003C70, #001D2A, #000106)
- Misty Glacier color palette (#C9EFF6, #55E3E6, #3BADC5, #167359, #001D24)
- Wandering Studio color palette (#98F4E8, #00AC9F, #006860, #002D29, #000706)
- Linen Sapphire Delta color palette (#D3ECEE, #009576, #425ED2, #005341, #05083B)
Browse the whole catalog at Explore, or see today's palette.