Soft Petrol Atelier color palette — #FFF0F9 · #7BC4DB · #0074B0 · #00574E · #102D6E

Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Sky (#7BC4DB): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#0074B0): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#102D6E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Soft Petrol Atelier 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

• Washed Field color palette (#FFF1F6, #7BC0EE, #0462E8, #00555A, #2C2767)
• Aqua Field color palette (#F0F5DE, #40CDF6, #007CA5, #005059, #001D2E)
• Pale Forest color palette (#FCF2F8, #93DEDB, #008EA6, #006B3F, #074563)
• Airy Cerulean Harbor color palette (#E3FBF8, #6EDBFF, #0099CB, #00707D, #003753)
• Timeworn Denim Quarry color palette (#E9DCE2, #71A7BE, #005A98, #003E3C, #121B42)
• Softworn Sky color palette (#FDF4E6, #9CE6FF, #27B7FB, #009799, #003460)
• Washed Periwinkle color palette (#FAF3F6, #D8DEF0, #749CCB, #347B7B, #47526A)
• Hazy Nightshade color palette (#E4EDE3, #6294C3, #2320C8, #002F36, #17023B)

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