Petrol Grove color palette — #AEF3E7 · #4DC1CA · #0080A1 · #015484 · #1A2C50

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#AEF3E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4DC1CA): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0080A1): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#015484): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#1A2C50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

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

• Washed Atelier color palette (#DFF0E2, #56BAA3, #008883, #00606C, #002D3D)
• Faded Cobalt Market color palette (#BFF2FD, #6BC6D4, #00A4C4, #0C71B2, #2C4770)
• Worn Cobalt color palette (#CCFFF1, #84C0ED, #407AB3, #004569, #001828)
• Feathered Cobalt color palette (#DAF0F7, #56ADDA, #3E75BA, #464E8A, #421F30)
• Dusty Amber Archive color palette (#E0F9ED, #66AECE, #C07B45, #006F91, #3E1E02)
• Nightshade Ridge color palette (#C7E4EB, #009ED0, #006195, #0607A0, #14004C)
• Hushed Bloom color palette (#DEFAEC, #FFE6FB, #DDBFF2, #4B9296, #203A33)
• Worn Petrol color palette (#D6EDEE, #006C7E, #00425D, #001E3B, #020023)

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