Petrol Grove color palette — #E6F2E8 · #71BED2 · #007299 · #00504D · #0E304B
Peacock and Cyan set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E6F2E8): a clean, paper-quiet neutral.
- Cyan (#71BED2): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#007299): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#0E304B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Washed Harbor color palette (#E6F2E8, #84B7E1, #1E63C9, #004D5E, #232A50)
- Petrol Pier color palette (#F3E4EE, #79C0D1, #0071AF, #004D38, #0C1233)
- Turquoise Villa color palette (#EEF0E2, #9FDFF0, #39B4DC, #008F98, #003247)
- Linen Harbor color palette (#ECF9EE, #ACD3F4, #3E7DDE, #006378, #343C64)
- Lagoon Market color palette (#D9E8DB, #2FA1A7, #005362, #003127, #001721)
- Worn Azure color palette (#F1F7F2, #D5DEF0, #5CA2CC, #3D7A7B, #445466)
- Lapis Thicket color palette (#CCE5D6, #907F00, #4C55DD, #544900, #1D2353)
- Mulberry Orchard color palette (#DEF5EA, #736F00, #006887, #870D5E, #002719)
Browse the whole catalog at Explore, or see today's palette.