Petrol Hollow color palette — #F7EDE2 · #90B6D8 · #5561A9 · #004F52 · #36224E

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

The five colors

• Cream (#F7EDE2): bright and airy, almost weightless.
• Sky (#90B6D8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5561A9): A full-bodied, balanced violet — the color of a velvet chair.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#36224E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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

• Washed Petrol Canyon color palette (#F9ECE4, #96BCA5, #026CAF, #00523E, #232953)
• Sapphire Dune color palette (#E3ECE5, #9AB7D3, #3866C0, #00485B, #0F0C3D)
• Cobalt Balcony color palette (#F4EDE3, #A1D0C3, #6085CB, #006881, #23255E)
• Navy Terrace color palette (#FCEBDF, #5199BA, #004598, #00302A, #150140)
• Emerald Delta color palette (#DEE2BF, #4AA53C, #6B3FA8, #125905, #331358)
• Feathered Iris Atelier color palette (#E9F1E8, #ADD9FD, #869DFD, #009092, #35224F)
• Softworn Cerulean color palette (#FDF3ED, #C8E4D3, #648FB5, #306F5C, #5B3C53)
• Muted Station color palette (#FAEBE5, #508B91, #00425B, #002411, #000720)

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