Petrol Hollow color palette — #F6E3F8 · #0066B4 · #316400 · #003765 · #000816
A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#F6E3F8): A whisper-light, dusty pink — the color of peonies in June.
- Cobalt (#0066B4): A full-bodied, balanced blue — the color of deep harbor water.
- Olive (#316400): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003765): A deep, shadowed, balanced blue — the color of deep harbor water.
- Ink (#000816): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Forest Alley color palette (#E1F5EB, #006E91, #00672D, #003E43, #000B05)
- Eclipse Nightshade Courtyard color palette (#F7DAE9, #5629B9, #035310, #001D67, #03000F)
- Faded Cabin color palette (#F5E4F6, #0064B9, #7F4300, #004224, #100212)
- Aged Orchard color palette (#EDDBE0, #8F3EB8, #255300, #002B41, #000C16)
- Misty Byzantium Studio color palette (#F7E3E8, #9A51B1, #606C00, #004D59, #1E080E)
- Cornflower Atelier color palette (#FEEBF9, #6A7EDA, #008878, #3E4B8E, #241420)
- Orchid Loft color palette (#DADAFF, #B863F4, #00743B, #00584F, #191631)
- Washed Byzantium Lantern color palette (#FCE3E9, #A000CC, #006A62, #5C0076, #16001E)
Browse the whole catalog at Explore, or see today's palette.