Petrol Grove color palette — #E6F2E8 · #80BAD7 · #006DAD · #004F56 · #182D50
Peacock and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Sky (#80BAD7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DAD): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#182D50): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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
- Cobalt Hollow color palette (#F4E4EB, #7DBDDB, #336AB7, #004C43, #140E34)
- Weathered Parlor color palette (#F0F7F1, #ABC9E2, #3A78C9, #005D6E, #2B3A57)
- Patina Sky color palette (#EDF0E5, #A9DBF5, #5EADE0, #008DA7, #003053)
- Ancient Teal color palette (#E4EDE6, #4EB1AD, #00636D, #00402E, #00242E)
- Hushed Dune color palette (#EEF8F0, #87E0E2, #008FA4, #006954, #00475E)
- Aged Periwinkle color palette (#F1F7F2, #D8DDEE, #6F9DCE, #377985, #465369)
- Plum Drift color palette (#EBDAF1, #BB2465, #556700, #00527D, #35111D)
- Linen Navy color palette (#D5E4D8, #5085B5, #002B9A, #00212B, #06002B)
Browse the whole catalog at Explore, or see today's palette.