Airy Petrol color palette — #C9F2FF · #389DCA · #0067AE · #003A7C · #101849

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

The five colors

• Frost (#C9F2FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#389DCA): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#0067AE): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003A7C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#101849): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Teal Terrace color palette (#C8F3EE, #00AAB2, #00788C, #00435A, #00263A)
• Navy Balcony color palette (#E5EDFF, #8CA1DE, #4262B7, #141D85, #000537)
• Airy Ultramarine Lantern color palette (#D4FFFC, #6BD9FA, #2694E6, #3E4CBF, #281F4E)
• Pale Navy Corridor color palette (#DBF2F3, #0AABD6, #0071B7, #354095, #43365C)
• Pale Aubergine Chapel color palette (#D7E3F1, #7499E3, #5559BA, #4B2298, #2A1042)
• Soft Denim color palette (#DFEAF8, #6394CD, #A66F00, #00559F, #291800)
• Aged Studio color palette (#EAF2FF, #C5D3FC, #CD9EDC, #0076AB, #1D273E)
• Quiet Fern color palette (#D6E1EF, #4D7BC7, #AE494D, #1E6E00, #03122F)

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