Petrol Hollow color palette — #F8E9F4 · #78C5CD · #007291 · #00402E · #000308
A conversation between Teal and Aqua, giving this palette its sense of trust and stability.
The five colors
- Blush (#F8E9F4): A whisper-light, dusty pink — the color of peonies in June.
- Aqua (#78C5CD): A luminous, dusty blue — the color of deep harbor water.
- Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000308): 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
- Washed Ultramarine Basin color palette (#FBE8F0, #7DC0E7, #0061CF, #003D40, #020013)
- Gentle Cobalt Loft color palette (#FCF2F7, #94D8ED, #0082C3, #00524A, #000630)
- Aged Cerulean color palette (#F0DFD9, #3F99A2, #00506F, #002E18, #000316)
- Hushed Turquoise color palette (#E3E5D6, #41C4D1, #0093A9, #006D6A, #00171F)
- Chalky Jade color palette (#A1F3CF, #00B17D, #005D40, #00170D, #000201)
- Hushed Moss color palette (#E5E4CF, #7C8D00, #0A5D0F, #003420, #000705)
- Hushed Grape color palette (#C7EFED, #24A562, #8600B3, #004926, #030005)
- Washed Corridor color palette (#C9FAF5, #7BDECC, #00AAE1, #5C6400, #000804)
Browse the whole catalog at Explore, or see today's palette.