Petrol Hollow color palette — #EEEFE1 · #9EC1A2 · #007482 · #003E3A · #000305

Teal and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EEEFE1): bright and airy, almost weightless.
• Sage (#9EC1A2): A luminous, dusty green — the color of new leaves after rain.
• Teal (#007482): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003E3A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000305): a grounded near-black with real depth.

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

• Patina Cerulean Bloom color palette (#F5F6ED, #ADD8BE, #0086AD, #005057, #000F19)
• Hushed Sapphire color palette (#ECF0E4, #95BCDB, #0068BB, #003B50, #00020D)
• Lagoon Grove color palette (#ECDBE7, #319BA1, #005266, #002D1E, #00050C)
• Wandering Cerulean Archive color palette (#E9DED9, #59C3C8, #0091B3, #00704E, #001527)
• Worn Quarry color palette (#F5F7E9, #CCE8FF, #00ABCE, #007274, #002938)
• Aged Orchid Veranda color palette (#ECD9DD, #AA55B9, #007290, #60006F, #000102)
• Periwinkle Loft color palette (#F3F8E9, #DBD6E0, #6FB2FF, #0081AD, #13326A)
• Dusty Hollow color palette (#FEECE0, #B87245, #813100, #420900, #030100)

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