Petrol Hollow color palette — #F4F7E7 · #6FB5BA · #438096 · #5C527A · #3B4D40
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F7E7): A whisper-light, dusty green — the color of new leaves after rain.
- Cyan (#6FB5BA): A luminous, dusty blue — the color of open sky before noon.
- Slate (#438096): A full-bodied, dusty blue — the color of open sky before noon.
- Graphite (#5C527A): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#3B4D40): A full-bodied, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged retro, 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
- Aged Petrol Veranda color palette (#F4F6EF, #C4E7EA, #74A599, #3F778E, #5E4C5D)
- Dusty Fern Villa color palette (#F9F6E3, #81B78D, #458573, #375D7C, #3E4F06)
- Aged Sky color palette (#E6FAF7, #87E2E8, #61BCDB, #8E85AF, #364B54)
- Bronze Pier color palette (#FFF0F9, #93CCBB, #639AB7, #965F4A, #2E4D56)
- Cerulean Archive color palette (#FCEFE7, #7ABBA7, #3B81A2, #77422B, #1F3120)
- Muted Harbor color palette (#FFF2EE, #8394D3, #6C6096, #713A47, #4C3544)
- Dusty Drift color palette (#DDFFE7, #009BC1, #0064A2, #632476, #003B52)
- Worn Cocoa Coast color palette (#E0FEEC, #BAD1C7, #A592A5, #80696F, #793D1D)
Browse the whole catalog at Explore, or see today's palette.