Petrol Grove color palette — #E1F2F0 · #8BC0D3 · #007196 · #003D44 · #000306
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E1F2F0): a clean, paper-quiet neutral.
- Sky (#8BC0D3): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#007196): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003D44): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#000306): quiet, heavy and certain.
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
- Denim Workshop color palette (#DBEDE9, #79ABB9, #006167, #002C26, #000102)
- Dusty Cabin color palette (#E9F9F8, #A7D2EF, #017FCC, #004E64, #000C21)
- Worn Alley color palette (#F5E2D5, #0099BB, #004E79, #002C28, #00001E)
- Cobalt Courtyard color palette (#F7E9F1, #58BFDF, #008AD4, #006E65, #020B3F)
- Worn Atelier color palette (#EAF9F7, #D2DCF0, #04A3F2, #006F86, #002646)
- Ancient Garnet Delta color palette (#EBE3F9, #B6559C, #006DA7, #6A0056, #000103)
- Ancient Grove color palette (#EBF9F6, #CCE3F1, #2BC2DD, #008884, #003C4B)
- Timeworn Cocoa Station color palette (#FAD5E6, #B07841, #773A00, #3C1300, #020100)
Browse the whole catalog at Explore, or see today's palette.