Pale Petrol color palette — #D5EEF7 · #65ABCF · #0069A1 · #003870 · #000D46

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

The five colors

• Frost (#D5EEF7): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#65ABCF): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0069A1): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003870): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#000D46): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Hazy Lantern color palette (#D4E1EA, #649DD6, #3565B8, #1B1D9C, #130049)
• Cobalt Courtyard color palette (#E0F4FB, #52C0EF, #008AD0, #005CA3, #00276F)
• Dusty Summit color palette (#CDE4E2, #43A9AF, #007888, #004657, #001C2A)
• Nightshade Studio color palette (#DCEFFF, #8DB2E2, #5B76B3, #353BA1, #240461)
• Dusty Ridge color palette (#9DF7E5, #26A9BD, #0073A7, #083C97, #311B6A)
• Pale Denim color palette (#E4EDD5, #3395C1, #1C5BA1, #58185C, #001A2B)
• Navy Terrace color palette (#CFE6F3, #1C7AB6, #004689, #030069, #02001F)
• Aubergine Lantern color palette (#DBE4FF, #9196D0, #6756AB, #54098C, #280038)

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