Petrol Studio color palette — #D7E3D9 · #62AFB6 · #00819C · #005F51 · #000B13
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Bone (#D7E3D9): a clean, paper-quiet neutral.
- Cyan (#62AFB6): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#00819C): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F51): A full-bodied, dusty teal — the color of sea glass.
- Ink (#000B13): 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 Studio 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
- Cobalt Lagoon color palette (#E4EFE6, #81A5C1, #0F76CC, #005B68, #01002F)
- Hushed Lagoon color palette (#E7DBE5, #6C9AAB, #006084, #003E22, #000525)
- Lagoon Courtyard color palette (#EFE8DD, #008993, #004352, #00201A, #000103)
- Weathered Emerald Balcony color palette (#D5F4E5, #00A577, #007950, #00452F, #000201)
- Aged Olive color palette (#D3EFEE, #63BDAA, #00ACBF, #497B00, #000E09)
- Iris Parlor color palette (#E5EEE6, #A5C3E2, #6590E4, #007996, #17144D)
- Linen Summit color palette (#D2F3F0, #3BAA55, #9A1295, #006625, #10000F)
- Timeworn Periwinkle Parlor color palette (#E7F2E9, #A7DCF3, #57ADE8, #009097, #0F2E55)
Browse the whole catalog at Explore, or see today's palette.