Petrol Study color palette — #D9E3DA · #8ABAC6 · #008490 · #005C42 · #00242E
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Bone (#D9E3DA): a clean, paper-quiet neutral.
- Ash (#8ABAC6): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#008490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005C42): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#00242E): 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
- Wandering Petrol color palette (#DFEEE2, #69AEBD, #007093, #004A46, #001527)
- Cerulean Coast color palette (#E7F2E9, #9CCDE0, #0094B9, #006D62, #00324B)
- Soft Cobalt Delta color palette (#DCE6DE, #86B9D5, #0078C8, #005862, #021851)
- Seafoam Atelier color palette (#FDF4E6, #5DE4DE, #008A97, #00543C, #000F15)
- Antique Atelier color palette (#F3DED8, #72D3CE, #00A2C4, #377F39, #00203D)
- Dusty Lagoon Garden color palette (#F1F7F2, #CBE0F7, #67B1C5, #008F79, #2C4C61)
- Muted Thicket color palette (#E1EEE3, #6F97BB, #2A54A1, #003948, #05002C)
- Patina Mulberry Canyon color palette (#F0D9F0, #D85265, #00858C, #9C0032, #002022)
Browse the whole catalog at Explore, or see today's palette.