Petrol Hollow color palette — #F0E1DA · #67C3C2 · #00829A · #005D38 · #002235
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F0E1DA): bright and airy, almost weightless.
- Aqua (#67C3C2): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D38): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Cobalt Summit color palette (#F3E0D3, #63BEE3, #0078C9, #005956, #121B42)
- Cerulean Hollow color palette (#ECF9EF, #A1D6E4, #008A9B, #005340, #000F16)
- Washed Hollow color palette (#F2E5E1, #70ABA9, #006179, #004211, #00203F)
- Hazy Pine Delta color palette (#EEE2EE, #91CCCC, #00A1CA, #008335, #001F41)
- Patina Cornflower color palette (#FFF2E9, #7FD8FD, #0090F1, #00736F, #1F2C68)
- Antique Turquoise Grove color palette (#FEF2ED, #CCEFD3, #59B1D5, #478973, #275147)
- Magenta Atelier color palette (#F2DEF4, #CE30E0, #007166, #2A6700, #200324)
- Hushed Station color palette (#FBF4EE, #C3E3F5, #98B2DD, #539297, #624A59)
Browse the whole catalog at Explore, or see today's palette.