Petrol Grove color palette — #E6F4FF · #81BCDE · #84A87A · #2B7AA3 · #003A34
Built around Slate, softened by Sky — the whole palette hums with nature and growth.
The five colors
- Ivory (#E6F4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Sky (#81BCDE): A luminous, dusty blue — the color of deep harbor water.
- Moss (#84A87A): A luminous, dusty green — the color of new leaves after rain.
- Slate (#2B7AA3): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#003A34): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Grove 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 Cypress Orchard color palette (#E3F6FB, #7AC2C0, #9C94C6, #008280, #2A2F4A)
- Aged Cobalt color palette (#EAF9F4, #88BDAE, #C3896A, #2E78B0, #524C47)
- Wandering Boulevard color palette (#E7F6ED, #A2C4B4, #688C78, #465F4D, #1B312A)
- Grape Archive color palette (#EFF1FF, #AE96D3, #2A9EAB, #7350A0, #002E32)
- Pewter Dune color palette (#EEF1FE, #B1ADDD, #C88A82, #70699F, #41273D)
- Dusty Stone color palette (#E9F3FE, #D7D5E3, #D4AFCD, #7193AF, #2C3747)
- Gentle Periwinkle Bloom color palette (#E9F3FF, #3E9AFE, #009B60, #005AAA, #002815)
- Timeworn Cerulean color palette (#E9F3FF, #B4D4FB, #6486B3, #345178, #031D38)
Browse the whole catalog at Explore, or see today's palette.