Petrol Hollow color palette — #EDF7F9 · #71BFB5 · #007A9C · #006F66 · #17262F

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Mint Leaf (#71BFB5): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#007A9C): A full-bodied, balanced blue — the color of deep harbor water.
• Teal (#006F66): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#17262F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged duotone, muted, 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

• Ancient Indigo Studio color palette (#F0F6FB, #6CB9DF, #5566BE, #00688D, #1E2430)
• Olive Study color palette (#ECF8F6, #97BB87, #008171, #327100, #16272A)
• Airy Cobalt Alley color palette (#EAF4F4, #6ACA9A, #0E7CB8, #00784E, #030F1B)
• Hazy Petrol color palette (#CFFBFF, #59B6C7, #0080A0, #005476, #2B3264)
• Ultramarine Drift color palette (#ECF7FF, #0FAEF2, #2D44F4, #005D84, #0E1C36)
• Antique Cypress color palette (#EFF7F9, #D5DCE5, #B6C1D5, #328282, #3D4A4E)
• Washed Iris color palette (#F3F7EB, #89D9AA, #6E8DD5, #409367, #2B202A)
• Velvet Navy Courtyard color palette (#D5E4EF, #006483, #020681, #00212E, #000108)

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