Petrol Grove color palette — #DCF2FD · #007794 · #00404E · #00161F · #000102
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCF2FD): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007794): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#00404E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00161F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged monochrome, dark, 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
- Hazy Azure color palette (#C3E8FF, #00AAEA, #00668B, #002D43, #00070F)
- Velvet Meadow color palette (#CDE5FF, #006ECB, #003569, #00102A, #000105)
- Tempered Meadow color palette (#E2EEE1, #C82500, #006E7B, #050C12, #000200)
- Azure Hollow color palette (#CDE4E7, #5D9DDC, #7F6CB2, #004A3E, #00060A)
- Chalky Coast color palette (#F2E3F3, #1F67B8, #5F0053, #002955, #040003)
- Washed Alley color palette (#D3FCF1, #A4D1F7, #5C8BB0, #214C6C, #001F38)
- Navy Balcony color palette (#F0EFFF, #A496DA, #6A5DAC, #2D206C, #0F002B)
- Obsidian Loft color palette (#DEE3F0, #475AD2, #221AA2, #030044, #00000C)
Browse the whole catalog at Explore, or see today's palette.