Petrol Grove color palette — #E7F1E9 · #76C5D3 · #007291 · #003E39 · #000307
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Sky (#76C5D3): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007291): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#003E39): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Tempered Sapphire Loft color palette (#E7F1E9, #96BCDA, #0067BF, #003C46, #000015)
- Weathered Cerulean Bloom color palette (#F6EEE2, #29A0B2, #005269, #00302C, #001625)
- Misty Balcony color palette (#F3E0EB, #B1068B, #645900, #004B5D, #040002)
- Cobalt Coast color palette (#E9DDE5, #6DBFCB, #008DC7, #007149, #020A40)
- Azure Meadow color palette (#EBFAEE, #CFE2F7, #00A6E8, #007273, #002548)
- Tempered Turquoise Basin color palette (#EDF9EF, #D4D7E8, #00C4DA, #008B6B, #003B4C)
- Gentle Raspberry Basin color palette (#E3DEEC, #B74FA7, #007B51, #68005D, #000201)
- Cerulean Hollow color palette (#F1F7F2, #DCDFEA, #98BEEB, #0092A8, #2F3F5B)
Browse the whole catalog at Explore, or see today's palette.