Pale Petrol color palette — #F4EEE4 · #74B9EC · #3368B0 · #004D5D · #212A54

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#74B9EC): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#3368B0): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#212A54): A deep, shadowed, dusty violet — the color of wild irises.

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

• Cobalt Villa color palette (#F0E7DF, #8DB9DB, #4167B9, #004A51, #140E34)
• Muted Petrol color palette (#F7EDDD, #71C0C5, #007589, #005142, #003346)
• Periwinkle Archive color palette (#E1F3F2, #AFD9F9, #62AAEF, #008BB3, #0F2D57)
• Cobalt Pier color palette (#FBE9EF, #A8C9E5, #5F84CF, #006A74, #2B2556)
• Faded Coast color palette (#FEF4E3, #7CE0F1, #008CB2, #00675F, #0D4464)
• Timeworn Lantern color palette (#ECE3D4, #399CBF, #004E78, #002F32, #001330)
• Antique Villa color palette (#F9F4ED, #C5ECF2, #8199C8, #4E7A64, #624A5A)
• Aged Teal color palette (#D9F7CE, #9CDDB3, #52B3A9, #5C5E23, #31332C)

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