Petrol Garden color palette — #FDEADD · #7DC1DE · #006AB2 · #003E3C · #010015

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FDEADD): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#7DC1DE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006AB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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 Summit color palette (#FFF3E7, #A9D1F2, #4F75D0, #005059, #0D012F)
• Turquoise Market color palette (#FEEBE1, #55B3B8, #005E75, #002D1D, #000103)
• Dusty Cerulean Thicket color palette (#CFE3E1, #7EBAD2, #008EC3, #006B7A, #001626)
• Aged Denim Garden color palette (#EDDFE6, #389CBF, #004C81, #00302E, #060643)
• Wandering Field color palette (#FAF4EE, #C1E4F5, #7DA9E0, #007F80, #242A53)
• Pale Blush color palette (#F4F4FF, #F9B7F3, #ED708C, #1954AB, #080012)
• Hazy Orchard color palette (#EAE4FF, #7A2DDE, #5C5C00, #3A4A00, #020007)
• Pale Loft color palette (#DFEFFF, #3276FA, #4A0ECE, #320051, #030004)

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