Petrol Hollow color palette — #D9FBF0 · #D5E0FF · #C3A6E8 · #037A97 · #341E32

Teal takes the lead with Lavender close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#D9FBF0): A whisper-light, dusty teal — the color of sea glass.
• Frost (#D5E0FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#C3A6E8): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#037A97): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#341E32): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged pastel, 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

• Powder Hollow color palette (#DAFBEC, #C2DFFF, #B4B0FF, #1F757C, #052F25)
• Worn Market color palette (#FFEBF8, #FDCAC7, #DFA0CB, #4A729F, #35212B)
• Washed Orchard color palette (#EDF6FF, #DDD6EF, #CBB2F3, #488EA7, #2E3D56)
• Antique Fuchsia color palette (#EFEBFF, #EAC8FF, #FF6CC7, #3F59B8, #28143D)
• Teal Meadow color palette (#E1FCF2, #E0D7DE, #A7B3A5, #39A598, #3D2A3E)
• Washed Ridge color palette (#EED8EE, #A0A7DE, #AB72C1, #004D6C, #060826)
• Coral Bloom color palette (#FFE5E7, #FFABC3, #E47A61, #784E91, #2B0D0D)
• Patina Harbor color palette (#FFECF3, #E5D3CE, #B3AA93, #8189B3, #4B383D)

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