Petrol Orchard color palette — #F0F6FC · #D9D9E4 · #BFBDCA · #52789D · #43484E

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

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#D9D9E4): bright and airy, almost weightless.
• Stone (#BFBDCA): a calm mid-gray that lets other colors speak.
• Slate (#52789D): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#43484E): a grounded near-black with real depth.

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 Pewter color palette (#F3F4FF, #E4D4E7, #BEB7D5, #79589E, #3D3E50)
• Aged Orchard color palette (#EFF7F5, #DED4D2, #AFA494, #6C94B6, #404A47)
• Aged Ash Cabin color palette (#F1F5FF, #A8ACCD, #86839E, #6F586E, #5E4143)
• Ancient Iris Field color palette (#F0F6FF, #BADDFF, #9BB9FF, #8D7FC9, #34415F)
• Navy Station color palette (#E1E8F0, #9FAABC, #767F95, #00317C, #0D141E)
• Olive Parlor color palette (#EBF9F1, #AEB580, #6A7B48, #3F6065, #32483F)
• Wandering Parlor color palette (#E8E4EF, #BEB5C6, #9886A1, #6B245B, #221C2B)
• Iris Archive color palette (#FEF0FF, #6C93F0, #665FA1, #71394D, #323D53)

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