Petrol Grove color palette — #E1EFF7 · #00839A · #233247 · #061820 · #00080A
A conversation between Cerulean and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#E1EFF7): a clean, paper-quiet neutral.
- Cerulean (#00839A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#233247): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#061820): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00080A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.
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
- Lowlit Denim color palette (#D9E8F1, #00628E, #29252B, #1C1444, #000813)
- Aged Field color palette (#D9E9DF, #00A0BB, #5A4558, #1D3426, #151A12)
- Antique Canyon color palette (#E9FAF0, #09B0D1, #304D45, #102319, #030703)
- Hazy Bronze color palette (#E8F3FF, #4D92D3, #997C00, #7F691B, #092034)
- Eclipse Sapphire color palette (#D5E3FC, #4258DF, #381C41, #050F24, #000409)
- Antique Quarry color palette (#FCEDF2, #97BDAB, #5B8056, #315C6A, #172C23)
- Worn Thicket color palette (#E7F4FF, #6EABD9, #AE872B, #146A9F, #0C2F17)
- Weathered Iris color palette (#EDF4ED, #C7DFF7, #7E8AC0, #1B6B6E, #282945)
Browse the whole catalog at Explore, or see today's palette.