Petrol Orchard color palette — #FFF2EB · #64C7E3 · #0075AF · #00574E · #0E2D6E

A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sky (#64C7E3): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#0075AF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#0E2D6E): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Hushed Meadow color palette (#FFF3E8, #7CC1EB, #0065E3, #005559, #2B2868)
• Patina Aqua Balcony color palette (#FFF2EB, #52CDC9, #007B8E, #005931, #003850)
• Ancient Basin color palette (#DEF8F5, #63CBEB, #007CA4, #005059, #001D2D)
• Weathered Canyon color palette (#F4F7E6, #69DCFF, #0099C9, #00717C, #003752)
• Cobalt Field color palette (#FCF3EE, #ADCFB8, #0082B6, #006153, #483148)
• Denim Loft color palette (#F9EBE1, #69A9C2, #005A96, #003E3B, #101B45)
• Faded Studio color palette (#EDF9EF, #9BE7FF, #20B8FB, #009798, #00345F)
• Softworn Ash Boulevard color palette (#FAF4EF, #CBE6E6, #779CC6, #397B7A, #614A5B)

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