Petrol Orchard color palette — #EAF5F0 · #EAD6D9 · #D1B7BF · #0074A1 · #0F2B21

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

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Silver (#EAD6D9): A whisper-light, dusty red — the color of late-summer berries.
• Stone (#D1B7BF): A luminous, dusty rose — the color of a warm blush.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Forest (#0F2B21): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Petrol Quarry color palette (#ECF8F4, #EBD9DE, #D6AEC8, #0071A8, #32443E)
• Sapphire Bloom color palette (#F7EFF6, #E1D2D1, #D8B5B6, #4064C1, #311D2E)
• Dusty Station color palette (#E2ECE8, #D3C7CE, #B99AA1, #005A8D, #061A15)
• Weathered Azure Veranda color palette (#EDF7FF, #D9D9E3, #B8ADB6, #009BE4, #233748)
• Ancient Terrace color palette (#F7EFF2, #DCD5D2, #B2B2A4, #9374A7, #3D3336)
• Faded Forest Orchard color palette (#B2F2E0, #81BDCB, #6F70AA, #25673D, #003C31)
• Lowlit Sapphire Loft color palette (#F4DFF1, #2C5AE7, #361D43, #030B2F, #000502)
• Olive Pier color palette (#FFEEE4, #C4A16B, #6D710F, #5A3A7A, #2E1D00)

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