Petrol Grove color palette — #E5EFE7 · #70C1C2 · #008395 · #005B47 · #002330

Cerulean and Pine set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E5EFE7): bright and airy, almost weightless.
• Mint Leaf (#70C1C2): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#008395): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005B47): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002330): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Petrol Grove 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

• Worn Cobalt color palette (#D3E4D6, #74BCDC, #147BB9, #00585E, #041E43)
• Weathered Lagoon Delta color palette (#F6F6EC, #95DADA, #008B94, #005249, #001013)
• Hushed Delta color palette (#E8F1EA, #6DD5EB, #0093BF, #006C66, #0C314A)
• Denim Courtyard color palette (#E9DCE4, #70AAAB, #006275, #004027, #002236)
• Dusty Turquoise color palette (#DAEAEE, #00AECE, #006E7D, #003B46, #000F14)
• Tempered Lagoon Workshop color palette (#D3EDE2, #009C85, #007775, #00494F, #002731)
• Softworn Turquoise color palette (#EFF8F0, #C0EDFF, #5FB1CD, #398A7E, #2E4B61)
• Frosted Crimson color palette (#D8F0F9, #00999F, #D7004A, #005F63, #39000D)

Browse the whole catalog at Explore, or see today's palette.