Pale Petrol color palette — #F4EDE3 · #6DC1F1 · #0069B6 · #003D45 · #000016

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

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Sky (#6DC1F1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0069B6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#000016): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Dusty Garden color palette (#F4EDE2, #75C6CD, #00738A, #003F35, #000306)
• Weathered Navy color palette (#F7E1EA, #5592B3, #004790, #002B2D, #03001B)
• Cornflower Quarry color palette (#F3E5D9, #5DBCED, #4C7FE0, #006E66, #17023C)
• Wandering Periwinkle color palette (#FBF4EA, #C3E4F7, #66A8FF, #007C92, #222B4F)
• Garnet Workshop color palette (#E3EDD6, #547300, #005C96, #7E0036, #010100)
• Muted Grape color palette (#EDE9D0, #83971F, #7B00C3, #374100, #020006)
• Hushed Teal Boulevard color palette (#E9F8CC, #98D9A4, #00B8A8, #5A5400, #000600)
• Weathered Bronze color palette (#EEE4D2, #907C00, #515300, #1D2600, #010500)

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