Petrol Grove color palette — #E9F8FF · #7FCAD5 · #00818D · #004B56 · #00333C
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Sky (#7FCAD5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004B56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Forest (#00333C): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, 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
- Turquoise Courtyard color palette (#E9F8FF, #7FE0F0, #00A6BA, #006B78, #003740)
- Worn Chapel color palette (#DAFDFF, #8DCBB0, #1E8765, #005437, #003720)
- Navy Veranda color palette (#EEF6FF, #9BBDED, #4471B1, #0A3F85, #0A2A57)
- Petrol Chapel color palette (#D8F4FF, #007F9B, #003A48, #00151C, #000406)
- Tempered Plum color palette (#EEF6FD, #83B5DB, #A54B73, #006699, #29202E)
- Lagoon Orchard color palette (#E5F9FF, #D8DCE7, #B3BBEF, #4F926F, #355162)
- Tempered Denim Ridge color palette (#EDF6FF, #D2A28B, #155682, #07314D, #1A1C29)
- Tempered Bronze color palette (#FFF0F7, #93B094, #946648, #75413B, #2A4435)
Browse the whole catalog at Explore, or see today's palette.