Petrol Orchard color palette — #EFE6ED · #83BECC · #2171A5 · #004D37 · #0A1038

Slate and Forest set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#EFE6ED): bright and airy, almost weightless.
• Ash (#83BECC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#2171A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D37): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#0A1038): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Worn Cobalt Garden color palette (#F6F0F4, #A6CEE5, #457FBD, #005D4D, #1B1B3E)
• Weathered Canyon color palette (#F8EBF1, #6BA5C3, #1750B5, #003A35, #0D002A)
• Washed Cypress color palette (#F6F0F4, #D5D2E6, #81A0BD, #347A64, #29364F)
• Frosted Studio color palette (#DEF3E8, #8C8200, #3A64C7, #4E4800, #000246)
• Weathered Lagoon color palette (#E8DDE9, #3F9A9B, #005169, #002E0F, #000410)
• Navy Chapel color palette (#F8E8F0, #4A8098, #00387B, #00201B, #01000A)
• Dusty Loft color palette (#DAF4E0, #BCD9AD, #49B1B4, #933D00, #001D14)
• Chestnut Quarry color palette (#D6E8DB, #828C5F, #685200, #4D2500, #001303)

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