Pale Petrol color palette — #F1E2EF · #6CC1C7 · #007FA9 · #005D31 · #001C4A

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F1E2EF): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#6CC1C7): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D31): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#001C4A): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pale Petrol 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

• Misty Atelier color palette (#EEDEE5, #79BBDC, #3771CE, #005A51, #1F124A)
• Dusty Cerulean color palette (#FFF2ED, #7FDDE4, #0085B1, #00552C, #000B26)
• Washed Cerulean Field color palette (#DFE7E0, #8CCDD2, #00A3C1, #007F6C, #002332)
• Weathered Denim Courtyard color palette (#F1E8DA, #70AAAF, #006275, #003F34, #002332)
• Wandering Balcony color palette (#FFF1F7, #97D4F6, #5889E6, #00736B, #342466)
• Periwinkle Lagoon color palette (#E5EFDF, #6CD1C2, #5CA9EC, #766300, #002E20)
• Gentle Parlor color palette (#FDF1FA, #9EEAF4, #45A6DA, #008756, #223C76)
• Wandering Byzantium Balcony color palette (#D1F0EE, #32B165, #9034A7, #006431, #2E0039)

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