Petrol Hollow color palette — #F5EDE1 · #78BDD4 · #0070A0 · #004F51 · #122F4E
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Cream (#F5EDE1): a clean, paper-quiet neutral.
- Cyan (#78BDD4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#0070A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F51): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#122F4E): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Wandering Cobalt Parlor color palette (#FAF4EC, #9DCCE7, #447DB1, #005E69, #4A3147)
- Soft Lagoon color palette (#EEE7DC, #69A5D6, #1752AB, #003C4A, #141946)
- Weathered Coast color palette (#E5F2F0, #A3DDF2, #4DB1DD, #008F9E, #00324B)
- Wandering Lagoon color palette (#FEF4E4, #8DE0DA, #00909C, #00694B, #004858)
- Muted Cerulean Atelier color palette (#F2E6D3, #00A2B0, #005266, #00302A, #001623)
- Hushed Bloom color palette (#E8DECF, #4F87AC, #003B76, #002128, #02022B)
- Weathered Ash color palette (#F9F4ED, #C1EFEE, #72A596, #59775F, #5D4C5D)
- Patina Lapis color palette (#EBDEB6, #898200, #6457C1, #4F4B00, #262050)
Browse the whole catalog at Explore, or see today's palette.