Petrol Hollow color palette — #ECF0E3 · #7EBFEA · #006BAF · #003B4D · #00020A
Built around Peacock, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#ECF0E3): a clean, paper-quiet neutral.
- Sky (#7EBFEA): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006BAF): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Weathered Cypress Bloom color palette (#EFEFE1, #6FC8C9, #00757F, #003E38, #000304)
- Aged Navy Balcony color palette (#DEEFE1, #4D92BD, #00498A, #002B32, #01001E)
- Cornflower Balcony color palette (#EEE3DA, #6BBAE9, #327EF1, #006C71, #10053E)
- Airy Periwinkle Alley color palette (#F2F8E8, #DEE0F3, #5498FF, #006B99, #0D1D59)
- Ancient Meadow color palette (#F4F7EA, #D6D7E6, #04BEF9, #008694, #043954)
- Bronze Atelier color palette (#F4E0CC, #B26B00, #007A55, #573200, #000201)
- Feathered Ember color palette (#FBE0D8, #DB5E00, #864300, #321900, #050200)
- Worn Garnet color palette (#EFDCC0, #885E00, #036B18, #80002B, #020100)
Browse the whole catalog at Explore, or see today's palette.