Petrol Garden color palette — #F5EDE2 · #81BAD6 · #006DAD · #004F56 · #1A2D4E

Peacock and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#81BAD6): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006DAD): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#1A2D4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Washed Petrol color palette (#F4EEE3, #97BC9D, #00748A, #005144, #003347)
• Softworn Petrol Study color palette (#F5E6DA, #75BEDF, #386BB1, #004C43, #150C37)
• Hushed Cobalt color palette (#FBF4EA, #A8CFC2, #3778CB, #005D6E, #2E385C)
• Azure Market color palette (#E0F3F1, #B2D9F3, #3DAFF0, #008DA6, #053050)
• Antique Teal color palette (#E8E1D7, #53B0AC, #00636D, #00402E, #00242E)
• Worn Cerulean color palette (#FCF4E8, #8ADFE1, #008FA4, #006954, #06465C)
• Timeworn Periwinkle Delta color palette (#F8F5EF, #C5EAEC, #719DCC, #3C7984, #604A5D)
• Washed Basin color palette (#DFF4D6, #98DAE4, #40A0D8, #006D3F, #1E3521)

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