Pale Petrol color palette — #ECF1E0 · #75BBE4 · #1E6DA4 · #004D60 · #092E54

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

The five colors

• Cream (#ECF1E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#75BBE4): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#1E6DA4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004D60): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#092E54): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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 Ridge color palette (#EFF0E1, #58C5C2, #00777D, #005145, #00353C)
• Antique Canyon color palette (#E8F1EA, #A2CAE8, #448ACF, #006A77, #172A5B)
• Pale Glacier color palette (#F5F7E6, #6EE2ED, #008FA3, #006763, #004858)
• Aged Cerulean color palette (#EAEDDD, #3C9DB8, #00516B, #002F34, #001624)
• Gentle Periwinkle color palette (#F8ECE3, #AADBF7, #73A2FE, #009288, #2F2454)
• Tempered Ash color palette (#F4F6EE, #C2E9ED, #769DC5, #46768B, #5C4C5C)
• Olive Veranda color palette (#E5DFBE, #758A00, #00778E, #435000, #002F39)
• Olive Corridor color palette (#E8E8DA, #477C00, #006C6F, #6E4100, #222100)

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