Petrol Orchard color palette — #ECF9F2 · #EEB4A8 · #2A7C99 · #004A60 · #12271D

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

The five colors

• Ivory (#ECF9F2): bright and airy, almost weightless.
• Rose Quartz (#EEB4A8): A luminous, dusty orange — the color of autumn markets.
• Slate (#2A7C99): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004A60): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#12271D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Basin color palette (#FBF2F9, #D6C292, #5C70A0, #324166, #291D27)
• Worn Denim Courtyard color palette (#EDF7FB, #9AB98B, #005C68, #053342, #141C27)
• Soft Apricot color palette (#CFECE3, #EC905A, #005F99, #003052, #001121)
• Patina Azure color palette (#F8F3F9, #E2D7D8, #CDBCB9, #5993D1, #4C454C)
• Antique Celadon Grove color palette (#ECF9EE, #BFE3A0, #48A4AE, #4C6C53, #1B241D)
• Wandering Cerulean Lagoon color palette (#F0F7F3, #85D1EA, #B974A8, #008EAE, #331D1F)
• Olive Summit color palette (#F6F8DF, #7CBBD9, #837EB7, #606B00, #49354C)
• Weathered Quarry color palette (#FEF1FA, #8693DD, #B75B8D, #645A00, #152F1F)

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