Petrol Orchard color palette — #EAF3FB · #D7D4DF · #BFBBD7 · #0071AE · #132737

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

The five colors

• Ivory (#EAF3FB): bright and airy, almost weightless.
• Silver (#D7D4DF): bright and airy, almost weightless.
• Ash (#BFBBD7): A luminous, dusty violet — the color of a velvet chair.
• Slate (#0071AE): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#132737): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Tempered Workshop color palette (#F0F2F8, #DCD5DC, #C8B7BF, #7269B2, #292C36)
• Washed Denim color palette (#E4EAF0, #C8CBD5, #A69FB9, #0054A1, #0D1722)
• Fern Thicket color palette (#B9E7FF, #87B0C5, #5D76AB, #426105, #003232)
• Patina Cobalt Lagoon color palette (#ECF8F4, #F1DADD, #E1BDB4, #008FD5, #33443E)
• Sapphire Garden color palette (#D0DFFB, #505DC9, #3B1942, #080B2C, #000409)
• Cornflower Basin color palette (#EEF8F5, #E6D3CE, #A9A091, #1196F8, #263A35)
• Frosted Balcony color palette (#D0FDF3, #00A4B0, #5353B2, #254900, #001F2E)
• Weathered Grape Field color palette (#F0F0FE, #D9CFE4, #BDA1B9, #8015B7, #18172C)

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