Petrol Garden color palette — #E1F3F0 · #8CB9CB · #00758A · #00504F · #003343

Teal and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F0): bright and airy, almost weightless.
• Ash (#8CB9CB): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00758A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Teal (#003343): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Tempered Lantern color palette (#DFF3F3, #93B5D8, #3768AC, #004B6B, #1C2C52)
• Softworn Petrol color palette (#F1E5EE, #8ABCD0, #00759A, #004D3B, #00162E)
• Hazy Ridge color palette (#EEF0E4, #93E2ED, #00B7D6, #00918F, #003342)
• Cobalt Study color palette (#E8F9F8, #A4D6F4, #0086CF, #00637B, #19416B)
• Forest Coast color palette (#D3FDFF, #7EDBC7, #4FB4B7, #0D713D, #003C41)
• Tempered Cerulean color palette (#F9EBE5, #AECDB6, #0093C1, #006E57, #062F54)
• Ancient Lagoon Quarry color palette (#D0E4DF, #42A09D, #005458, #003128, #00181B)
• Dusty Study color palette (#EEF7F6, #D2DEF0, #67A3B7, #3A7A7D, #405664)

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