Petrol Hollow color palette — #F0F6FD · #E1BD93 · #5273A3 · #28436A · #1A222D

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

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Sand (#E1BD93): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#5273A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#28436A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#1A222D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Petrol Hollow 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

• Muted Driftwood color palette (#F2F5FD, #B3DCCD, #7877A9, #414B6D, #262B39)
• Aged Terrace color palette (#FDF0FC, #FFDFC0, #5476B0, #482D47, #160B15)
• Aged Studio color palette (#FAF2FA, #7BC099, #225387, #3C233F, #25191D)
• Patina Mulberry Alley color palette (#EFECFB, #A7BE8B, #824B85, #4D214F, #171323)
• Cornflower Workshop color palette (#F1F6FB, #AAC6EE, #CA7082, #3B7FDC, #2C1E2F)
• Pine Harbor color palette (#E1FCF4, #9FAEE8, #AA6EA3, #13754D, #373B56)
• Aged Fern Study color palette (#F3F4FF, #A48AC4, #B26059, #496E00, #192840)
• Ultramarine Boulevard color palette (#DCE5F6, #BCAE28, #4340CB, #210088, #09082E)

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