Petrol Hollow color palette — #F2E7E0 · #94BFA7 · #0071AD · #004C45 · #041239

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

The five colors

• Parchment (#F2E7E0): bright and airy, almost weightless.
• Mint Leaf (#94BFA7): A luminous, dusty teal — the color of glacier melt.
• Slate (#0071AD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#041239): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Hushed Petrol color palette (#EEF0E6, #76BDD5, #007298, #004E58, #00324C)
• Cobalt Delta color palette (#F6F1EC, #A8D2C0, #397EC9, #005B5B, #2F1629)
• Pale Bloom color palette (#FAEDE0, #76A2C4, #1B49C4, #00383E, #0B002C)
• Weathered Garden color palette (#D1E6E2, #00989D, #00667B, #003957, #00142F)
• Lilac Veranda color palette (#D4F7E6, #9CC7FF, #B58BF2, #006A61, #00251D)
• Pale Azure color palette (#CEEBFF, #00A7E6, #00638A, #002D4B, #00040A)
• Dusty Garden color palette (#EFDDD4, #309AA5, #00516A, #002D20, #00040E)
• Ancient Villa color palette (#EEE4DA, #3B80A9, #003681, #001F21, #01000A)

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