Petrol Study color palette — #DCEEE4 · #00708B · #042C21 · #011108 · #000301
A conversation between Teal and Deep Forest, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DCEEE4): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#00708B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#042C21): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#011108): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Black (#000301): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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
- Inked Petrol Study color palette (#CFE7DE, #006BA0, #321B34, #01100B, #000302)
- Patina Cerulean Boulevard color palette (#D7EBDF, #008FAC, #4F364B, #0F271B, #090F07)
- Deep Abyss color palette (#E2F3EC, #004A67, #191E24, #000F20, #000201)
- Cornflower Corridor color palette (#F5E2F7, #3092F8, #28915C, #195695, #002311)
- Timeworn Indigo Harbor color palette (#F7E8F2, #6E78D7, #47353E, #231B21, #0F0B0F)
- Fern Courtyard color palette (#F5F2E3, #8FAA76, #4A7042, #3D4E03, #1E1D08)
- Lagoon Harbor color palette (#F3F3E5, #99D4D1, #008D93, #005D4F, #062813)
- Ultramarine Dune color palette (#F2D9EC, #3A50DA, #341C2B, #140712, #040104)
Browse the whole catalog at Explore, or see today's palette.