Petrol Orchard color palette — #F7ECE7 · #5EAFC0 · #006DA3 · #004C35 · #060B3C

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

The five colors

• Cream (#F7ECE7): bright and airy, almost weightless.
• Cyan (#5EAFC0): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006DA3): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#060B3C): 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 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

• Ultramarine Bloom color palette (#EFE0D6, #5CADD2, #005DD5, #004B43, #140836)
• Petrol Chapel color palette (#F9E8F4, #80C3D0, #007099, #003F33, #00020A)
• Worn Cerulean color palette (#DDEDE0, #00A1B7, #00516A, #00302D, #001626)
• Weathered Terrace color palette (#DEE0D4, #69BED0, #0091B2, #006C70, #001721)
• Aged Delta color palette (#F5ECE9, #83D3DE, #0091C9, #007045, #1C2D4E)
• Pale Pine color palette (#FFF2EE, #96ECEC, #00ACD6, #008933, #16416E)
• Aged Azure color palette (#FAF4F0, #BCDEC9, #3C9CE6, #007F62, #4B3044)
• Frosted Orchard color palette (#F1E3FE, #8F1BCA, #006A5B, #144C65, #0F001A)

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