Pale Petrol color palette — #F0E8DB · #73A9CA · #0067B7 · #004853 · #030B3E

Cobalt and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E8DB): bright and airy, almost weightless.
• Blue Fog (#73A9CA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#0067B7): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004853): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#030B3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, 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

• Softworn Petrol Boulevard color palette (#F3ECE1, #64AFBB, #00718E, #004B43, #001624)
• Linen Ultramarine color palette (#E7DDCE, #6FA7DC, #0950EF, #00475A, #0E093B)
• Washed Petrol color palette (#E2F2F1, #85BFE3, #006CAB, #003B4C, #00020A)
• Linen Cornflower Hollow color palette (#F4E6EC, #7CB8DD, #3A81E4, #006C70, #0F083B)
• Pale Garden color palette (#F1E0D2, #5398BF, #153DA6, #00302D, #170735)
• Ancient Basin color palette (#FAF4EC, #B0E1D1, #6196E1, #00798F, #2F385A)
• Lagoon Coast color palette (#BBE9EA, #009A97, #006562, #002E2D, #000202)
• Aged Garden color palette (#D8E4D3, #008B7A, #BA005E, #005146, #25000D)

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