Petrol Hollow color palette — #CBE7EA · #007C90 · #005166 · #002533 · #000F19
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#CBE7EA): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007C90): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005166): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002533): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000F19): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, 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
- Petrol Bloom color palette (#CFEBF9, #006994, #004064, #00172F, #000514)
- Wandering Archive color palette (#D5E7E9, #0094AB, #007089, #00455A, #002638)
- Tempered Cypress Bloom color palette (#D6EADE, #007B59, #005241, #002B24, #00100E)
- Tempered Garden color palette (#D4EDFD, #007698, #436400, #003C4F, #040A00)
- Tempered Canyon color palette (#D1E1F0, #81AFE2, #7186D5, #005870, #001226)
- Muted Basin color palette (#C4EAFF, #6BB6D6, #007EAB, #005582, #062D4D)
- Worn Courtyard color palette (#E1F2FF, #005E8B, #6900A6, #004738, #000409)
- Cocoa Grove color palette (#D6EBDB, #807138, #564000, #311E00, #070500)
Browse the whole catalog at Explore, or see today's palette.