Petrol Grove color palette — #DFECEA · #81BECE · #007695 · #004A4F · #001925
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#DFECEA): a clean, paper-quiet neutral.
- Ash (#81BECE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007695): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A4F): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001925): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Weathered Petrol Bloom color palette (#F6ECE7, #83BCCA, #0070A1, #005146, #142D54)
- Denim Cabin color palette (#D8E8E7, #79A2BE, #005B97, #003747, #000A1F)
- Cerulean Terrace color palette (#EEF0E3, #A5D0B5, #0A94B7, #006B70, #003346)
- Linen Cobalt color palette (#E3F6F6, #AAD5F9, #3B85D2, #005D7D, #0A234C)
- Wandering Lagoon Study color palette (#DBF2ED, #3A9A9E, #00535C, #002C28, #000508)
- Feathered Mulberry color palette (#E0DCE9, #B05D9E, #0073A7, #760F67, #001422)
- Hazy Studio color palette (#F5E6FF, #FCAABF, #D18E89, #7A3F6D, #320E1D)
- Washed Cocoa color palette (#F1E2EA, #A97B59, #81411A, #581902, #190A00)
Browse the whole catalog at Explore, or see today's palette.