Pale Petrol color palette — #E1F3F2 · #8AB7D9 · #0D6BB3 · #004C64 · #132D53

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#8AB7D9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Royal Blue (#0D6BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004C64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Navy (#132D53): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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

• Tempered Petrol color palette (#F0E6EA, #91B9D7, #4469B0, #004A51, #140B39)
• Washed Cypress color palette (#E4F2EF, #8ABAC6, #00777C, #005144, #00353B)
• Timeworn Periwinkle color palette (#EDF0E5, #ACE0CF, #4DAAFF, #008BB3, #172E4E)
• Aged Cerulean Cabin color palette (#E8FAF6, #A5D7EB, #008EA8, #006666, #00475B)
• Washed Summit color palette (#F8ECE2, #A0D0C0, #6285C9, #006B74, #2A2654)
• Denim Lagoon color palette (#D2EAE7, #539AB4, #00516E, #002F36, #001625)
• Hazy Indigo Bloom color palette (#C3E5EC, #009287, #615CB7, #00554E, #241F54)
• Dusty Petrol Workshop color palette (#EEF7F7, #D8DBEB, #829CB9, #44758F, #465367)

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