Petrol Hollow color palette — #E8FAF6 · #B2D8A9 · #5EA9A1 · #327392 · #313459
Slate and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8FAF6): a clean, paper-quiet neutral.
- Pistachio (#B2D8A9): A whisper-light, dusty green — the color of new leaves after rain.
- Turquoise (#5EA9A1): A luminous, dusty teal — the color of sea glass.
- Slate (#327392): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#313459): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, 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
- Timeworn Sand color palette (#EDF9F1, #DDCC8A, #7FA67B, #287974, #4C2C42)
- Hushed Turquoise Terrace color palette (#E9F9F9, #9FDBC1, #5BA7B6, #536C92, #3C3A0F)
- Dusty Frost Veranda color palette (#D9FFF3, #C8E3EA, #9DC5C4, #7B8E99, #3E5467)
- Antique Orchard color palette (#E8F9F8, #A8DAB5, #62A7AF, #8D5F35, #194134)
- Washed Courtyard color palette (#DBFEFB, #2DAC5B, #007177, #003969, #0F0D00)
- Mint Orchard color palette (#D8FFF5, #CFF2BF, #91C28C, #5D8C67, #225150)
- Tempered Studio color palette (#E2FBFA, #37C281, #008596, #1F458E, #1B1E00)
- Wandering Stone color palette (#E6FBF3, #A9B766, #415B55, #212F29, #0A110E)
Browse the whole catalog at Explore, or see today's palette.