Petrol Garden color palette — #CAE9DA · #007699 · #1A2848 · #00131C · #010501

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

The five colors

• Honeydew (#CAE9DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1A2848): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#00131C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#010501): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Obsidian Denim Grove color palette (#CDE6DC, #005B87, #290E23, #0B171A, #00060D)
• Aged Studio color palette (#D4EEFF, #0094BD, #27427B, #092A3B, #061418)
• Cobalt Field color palette (#F5E3F0, #5F71B1, #432731, #1F101C, #010806)
• Smoked Sapphire color palette (#ECDBEB, #005FE3, #2D2244, #000D2E, #000502)
• Patina Cerulean color palette (#FEEEE7, #9EDDE0, #0091B3, #006547, #002742)
• Twilit Navy Delta color palette (#F8E2F6, #003A99, #081014, #13012D, #000107)
• Shadow Ridge color palette (#F4DBE1, #393F37, #420056, #230E0F, #070003)
• Moonless Grape Lantern color palette (#F0DAE4, #672CC6, #340732, #0B0021, #030003)

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