Petrol Garden color palette — #DBEFF1 · #00748F · #004B67 · #00253F · #11062D

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

The five colors

• Frost (#DBEFF1): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004B67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00253F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#11062D): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Navy Parlor color palette (#C8EFFD, #006C9F, #003D78, #000B61, #18002A)
• Timeworn Bloom color palette (#D3EFDC, #007D65, #004941, #002426, #010D18)
• Navy Courtyard color palette (#CFF8F1, #008D9E, #005C7D, #002E70, #100044)
• Cobalt Drift color palette (#D0E3F8, #2A6DC3, #003578, #00112A, #00030A)
• Denim Station color palette (#CBEEE2, #006597, #733B00, #00304A, #1C0A00)
• Hushed Violet Basin color palette (#CEEEE5, #84A1EA, #926EBF, #004455, #001A42)
• Hushed Garnet color palette (#C2ECE0, #004F85, #7A0033, #253700, #000814)
• Washed Nightshade color palette (#D7E8F5, #006BB8, #0B00C8, #1E006E, #15003A)

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