Petrol Hollow color palette — #EFF0E2 · #9BBB9D · #007681 · #005049 · #00343E
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#EFF0E2): a clean, paper-quiet neutral.
- Sage (#9BBB9D): A luminous, dusty green — the color of fresh herbs.
- Teal (#007681): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005049): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#00343E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Cerulean Summit color palette (#F5F6EE, #B3CCBA, #0086A0, #005F60, #004155)
- Azure Atelier color palette (#E2FCEB, #9FCEBA, #5A9CD9, #00686F, #123B2A)
- Petrol Lantern color palette (#F4E6DF, #79C2C4, #007791, #004E33, #001829)
- Patina Petrol color palette (#EDF0E7, #92B5D7, #3569AA, #004B69, #142A5C)
- Tempered Lagoon color palette (#BFE9E2, #00A09C, #006F70, #004449, #0C293C)
- Patina Ultramarine Ridge color palette (#D6E4D4, #007C77, #135BB3, #405600, #002524)
- Olive Lantern color palette (#D3E3D3, #009192, #796B00, #005455, #302900)
- Timeworn Terrace color palette (#E8EDDF, #6395BD, #004A89, #002D3F, #001038)
Browse the whole catalog at Explore, or see today's palette.