Petrol Grove color palette — #D1E9F4 · #007F90 · #243346 · #112228 · #060E13
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D1E9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007F90): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#243346): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Onyx (#112228): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#060E13): quiet, heavy and certain.
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
- Timeworn Cobalt color palette (#E8F3FE, #3983B9, #373B4E, #212A32, #11151B)
- Moonless Denim Dune color palette (#DAF0FF, #006287, #191547, #000F19, #000206)
- Turquoise Studio color palette (#D8EADC, #00BFD6, #7F667F, #3C4F42, #161A14)
- Lowlit Bloom color palette (#EAEFFF, #6051B0, #2A203A, #0E1223, #03030C)
- Navy Market color palette (#E6F1FF, #4E4241, #002D5D, #19111C, #070014)
- Bronze Grove color palette (#EEF6FF, #528EC3, #987525, #626929, #233A50)
- Hushed Pewter color palette (#FFF1F5, #92BAA6, #607D58, #38606D, #2E493C)
- Eclipse Balcony color palette (#DFE2FC, #5800A3, #25161D, #220015, #020111)
Browse the whole catalog at Explore, or see today's palette.