Petrol Hollow color palette — #EBFCD8 · #008B68 · #1A68B1 · #604500 · #003425

Cobalt and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Custard (#EBFCD8): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#008B68): A full-bodied, balanced teal — the color of glacier melt.
• Cobalt (#1A68B1): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#604500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003425): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged cool.

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

• Timeworn Basin color palette (#F6F8DD, #348D00, #00738A, #713900, #1B3213)
• Aged Boulevard color palette (#E5FCEC, #008DA2, #304FB5, #374700, #003A2F)
• Washed Cerulean Meadow color palette (#EAFAEE, #0092A2, #6F699D, #455C1F, #24382A)
• Misty Denim Boulevard color palette (#D4E3D0, #007268, #304D9C, #403800, #0B2005)
• Worn Cypress color palette (#F0F7F1, #CBDEDB, #A5C5B3, #00797E, #354436)
• Teal Coast color palette (#EDF9EA, #00BBAA, #007087, #00645A, #002414)
• Linen Aubergine Harbor color palette (#F1FAD8, #009CB7, #006795, #5F1E86, #003C4D)
• Hushed Grape Quarry color palette (#C9EAFF, #00709E, #851E9A, #004A21, #002234)

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