Airy Petrol color palette — #E4F2F1 · #8CB6DD · #2968B4 · #004B69 · #142A5C
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2F1): a clean, paper-quiet neutral.
- Sky (#8CB6DD): A luminous, dusty blue — the color of deep harbor water.
- Royal Blue (#2968B4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Navy (#142A5C): 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 Airy 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
- Weathered Petrol Canyon color palette (#E0F3F0, #77BECD, #00748F, #004F52, #003346)
- Muted Cobalt color palette (#F0E6E9, #92B8D8, #4967B2, #004A53, #17073D)
- Powdered Periwinkle Quarry color palette (#EDF0E7, #ADD9FF, #5CA7FF, #008AB9, #1A2D4F)
- Cerulean Field color palette (#E8F9F7, #95DBEB, #008DAD, #00666A, #00465F)
- Washed Cornflower color palette (#F5EDE6, #9ED1C2, #6682D1, #006A77, #2E2551)
- Washed Denim Balcony color palette (#D4E6E4, #5E98B3, #004F74, #002E38, #001528)
- Ancient Lapis Archive color palette (#BDE6F0, #00928B, #6955C0, #005551, #291A5A)
- Dusty Teal color palette (#C8EFDF, #00A78D, #006F61, #004441, #022937)
Browse the whole catalog at Explore, or see today's palette.