Petrol Orchard color palette — #F7EBEF · #85B8DB · #3F67A9 · #004F54 · #282753

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EBEF): bright and airy, almost weightless.
• Sky (#85B8DB): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3F67A9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#282753): 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

• Petrol Meadow color palette (#F5EBF2, #82BEBE, #00748C, #005235, #00314D)
• Cobalt Lagoon color palette (#E8EAE3, #95BDAF, #006FB6, #00485D, #001533)
• Washed Cobalt color palette (#E2F2F1, #9ECBEA, #2D8BD7, #006884, #072D5A)
• Washed Periwinkle color palette (#F6EDE4, #ACDAF9, #6CA4FF, #009098, #29294E)
• Antique Onyx color palette (#F4E0EB, #4F9BB5, #004D7C, #00302C, #020645)
• Aged Thicket color palette (#FBF2F5, #DADDEE, #8799C1, #337A84, #4A516B)
• Iris Lagoon color palette (#DEF9FF, #7ED9F8, #7D97DE, #2D6730, #003B3E)
• Teal Garden color palette (#9EF7FA, #00A6A6, #005E5F, #003131, #001A1C)

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