Petrol Garden color palette — #F9F1E3 · #72CEC8 · #00818B · #00543B · #001E27

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Aqua (#72CEC8): A luminous, balanced teal — the color of sea glass.
• Teal (#00818B): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00543B): A deep, shadowed, balanced teal — the color of glacier melt.
• Midnight (#001E27): 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

• Quiet Grove color palette (#FCF1FE, #54CDC7, #007A94, #0A5A0E, #00355C)
• Cobalt Pier color palette (#EFE8DD, #98BDAE, #006EBA, #004A53, #02103E)
• Wandering Cobalt Terrace color palette (#F6F1E9, #ADDCC3, #008CC9, #006264, #00254B)
• Powdered Basin color palette (#EBF9EE, #88DCD6, #009FAC, #007654, #003947)
• Wandering Market color palette (#E4DED5, #66AAAA, #006371, #003B2D, #000D14)
• Softworn Cerulean Villa color palette (#F4EEE3, #3E8491, #004257, #001F1D, #000103)
• Softworn Fuchsia color palette (#EBF2FF, #D1CDFF, #D98AF2, #006590, #131144)
• Pale Sapphire color palette (#E2EDFF, #0B63F4, #BD002C, #166305, #000A2E)

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