Petrol Garden color palette — #F6EBF2 · #80BCCB · #0E709E · #005145 · #122D55

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Blush (#F6EBF2): bright and airy, almost weightless.
• Ash (#80BCCB): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#0E709E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Navy (#122D55): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Villa color palette (#FCF2F7, #A3CBE4, #417DB1, #00605B, #2D395C)
• Petrol Boulevard color palette (#E9EAE0, #9DBCA8, #007794, #004B4E, #001925)
• Denim Lantern color palette (#F4E6EC, #71A6C6, #285699, #003D40, #19134E)
• Petrol Lantern color palette (#FAF3F7, #D6E0F1, #7E9DB9, #447881, #465367)
• Hushed Drift color palette (#E9DCE5, #549D9F, #005265, #00321F, #001626)
• Washed Azure Basin color palette (#F8ECE5, #A6DEEC, #1AB1F5, #00937F, #182E4D)
• Softworn Workshop color palette (#F9DCED, #AB328A, #00713F, #005A4C, #350D2A)
• Dusty Mulberry Field color palette (#E3D8F3, #B8549A, #007F49, #800065, #00321A)

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