Petrol Hollow color palette — #D8FEFD · #8FD1C4 · #4BAEC0 · #197CA4 · #36516D
Cerulean and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#D8FEFD): A whisper-light, dusty teal — the color of glacier melt.
- Mint Leaf (#8FD1C4): A luminous, dusty teal — the color of sea glass.
- Cyan (#4BAEC0): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#197CA4): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#36516D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. Tagged 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
- Tempered Cerulean Basin color palette (#E6FDE0, #6DC4C9, #0094A4, #1E6F89, #3C5A4E)
- Patina Cobalt color palette (#E7F9FF, #98CEEE, #78A1D9, #696BAC, #4F4E73)
- Antique Loft color palette (#D5FBEA, #B0CEA0, #65B589, #008679, #2F5464)
- Weathered Cerulean color palette (#EAF8FE, #8FD1DD, #DEA186, #009EB2, #614255)
- Softworn Petrol Boulevard color palette (#ECF7FF, #BBE2FD, #64ADD0, #006F93, #003C53)
- Washed Denim Quarry color palette (#CBEFE5, #00C4DB, #009CCE, #0061AF, #2D307E)
- Nightshade Harbor color palette (#D2F6F5, #00ADC2, #0081BE, #2832C5, #2F1B5F)
- Worn Bronze color palette (#EDF9ED, #B8D2C4, #89A489, #996653, #384D48)
Browse the whole catalog at Explore, or see today's palette.