Petrol Hollow color palette — #EDF7FD · #D3B4D4 · #276681 · #1B3C51 · #23262E

Peacock and Lavender set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF7FD): a clean, paper-quiet neutral.
• Lavender (#D3B4D4): A luminous, dusty pink — the color of peonies in June.
• Peacock (#276681): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#1B3C51): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#23262E): a grounded near-black with real depth.

Feels like: Trust, Stability, 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

• Wandering Pier color palette (#EFF6FF, #D8BB8F, #475D89, #273954, #252430)
• Driftwood Field color palette (#EEF7FA, #77D1DA, #A5658D, #007C85, #302B37)
• Ancient Ash Workshop color palette (#EEF8F3, #FFD3C3, #7FA995, #567566, #232E29)
• Patina Archive color palette (#ECF7FC, #ECCD8D, #498895, #35525E, #222D33)
• Timeworn Pier color palette (#EEF6FF, #EF7C5B, #004985, #00274C, #131327)
• Patina Terrace color palette (#E7FBF2, #60B5CF, #7E69AE, #5A5E2A, #39495A)
• Worn Bloom color palette (#F0F6FB, #DBD9E1, #B8A7A6, #6586A2, #4E5357)
• Amber Parlor color palette (#D3DFEF, #C57538, #00346D, #001533, #060513)

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