Petrol Grove color palette — #C9EFF8 · #007290 · #00415F · #001B34 · #00000C

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

The five colors

• Frost (#C9EFF8): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00415F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001B34): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#00000C): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, 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

• Cobalt Delta color palette (#D6E9F3, #0079BD, #003A77, #080046, #010009)
• Worn Petrol color palette (#DEEFFF, #0070B1, #7A4600, #002D4C, #020100)
• Dusty Lagoon color palette (#E0F1E8, #008977, #004C49, #001A1C, #000102)
• Aged Iris color palette (#D7E5F5, #ACB2EB, #9476B5, #00475D, #000108)
• Soft Garnet color palette (#D9E9FA, #00559C, #86002F, #203A00, #000104)
• Sunlit Aubergine color palette (#D8E6FF, #5168DF, #4918A9, #1B0039, #030005)
• Lowlit Olive Grove color palette (#D1F1E0, #6D7B22, #433D00, #1A1100, #000200)
• Muted Sapphire Canyon color palette (#CBECFF, #65B8FF, #366EE1, #2D3A94, #21174C)

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