Petrol Orchard color palette — #EEF6FE · #EFB4A2 · #3978A3 · #204661 · #19232C

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

The five colors

• Ivory (#EEF6FE): bright and airy, almost weightless.
• Melon (#EFB4A2): A luminous, dusty orange — the color of toasted spice.
• Slate (#3978A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#204661): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#19232C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Navy Loft color palette (#F2F5FD, #C6C898, #686D9E, #393C70, #1B2130)
• Cobalt Ridge color palette (#FBF1FC, #F1D9C2, #5179A5, #433145, #130D14)
• Hushed Celadon Drift color palette (#EBF7FE, #B6E69F, #5BA0B4, #43697C, #15242B)
• Ancient Hollow color palette (#ECF9F2, #8CBE89, #005A74, #003444, #18251F)
• Softworn Iris color palette (#F2F5FB, #DED9E3, #CABCCA, #6F8DD3, #414853)
• Cobalt Lantern color palette (#EFF6FC, #95CCEE, #C0729C, #008AC2, #291F32)
• Quiet Ultramarine Orchard color palette (#D8E6F8, #DF9B39, #0055BA, #002A64, #010F25)
• Worn Olive Courtyard color palette (#DFFDF6, #83B6E9, #9478B1, #427223, #2F3D57)

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