Petrol Garden color palette — #F9F1E3 · #75C9DF · #007CA6 · #00524F · #001B32

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

The five colors

• Cream (#F9F1E3): A whisper-light, dusty gold — the color of old brass.
• Sky (#75C9DF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007CA6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00524F): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#001B32): 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

• Hazy Sapphire color palette (#FDF0DC, #94C0EB, #376AD6, #004E63, #13064F)
• Navy Alley color palette (#FFF0FA, #87C2D3, #0073B8, #005843, #22217C)
• Gentle Cobalt color palette (#F9F1E4, #A9DCCF, #5C80CD, #005E77, #1D1A55)
• Gentle Harbor color palette (#EEF9EF, #8BD8EC, #0099CC, #00726F, #00355A)
• Washed Bloom color palette (#E8E0D4, #5BA8C2, #005F89, #00393A, #000B1D)
• Navy Garden color palette (#EFE9DE, #417FA6, #003B72, #001E24, #00000C)
• Ash Atelier color palette (#F5F1EA, #C6E4E3, #7BA1BF, #54745A, #402F40)
• Chalky Lantern color palette (#EAD9E1, #C7008B, #6C6800, #005B76, #210014)

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