Pale Petrol color palette — #E7F4FF · #6BBCFF · #0070B2 · #003D61 · #001220

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

The five colors

• Ivory (#E7F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6BBCFF): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003D61): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#001220): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, cool.

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

• Ancient Study color palette (#EBF2FF, #739FFF, #3A62B9, #1B326E, #00052E)
• Ancient Turquoise Chapel color palette (#D7F9FF, #00C1D5, #007885, #003F48, #001519)
• Washed Powder color palette (#E7F3FF, #D4D4F5, #9AAFFF, #1585B1, #0E2945)
• Timeworn Indigo Summit color palette (#EDF1FF, #B9AEFF, #7466B4, #41396D, #150F34)
• Chalky Corridor color palette (#ECF7FF, #92C9FF, #008BDC, #005980, #002A43)
• Dusty Driftwood color palette (#F2F0FF, #E4B9ED, #A177AA, #5C3F62, #221C35)
• Aged Nightshade color palette (#D9DFFF, #596AEB, #2E28A9, #0E0054, #01000B)
• Blush Pier color palette (#ECF2FF, #FF738C, #3B428F, #171B43, #02061A)

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