Petrol Grove color palette — #EEEFE4 · #81BCCB · #0081A2 · #00585E · #002333
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#EEEFE4): a clean, paper-quiet neutral.
- Ash (#81BCCB): A luminous, dusty blue — the color of deep harbor water.
- Cerulean (#0081A2): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00585E): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002333): 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
- Cobalt Balcony color palette (#DFE3D9, #8CBDB1, #3E74C0, #005477, #0A1A4B)
- Cerulean Delta color palette (#E3FBF8, #8CD9EE, #0087AB, #005056, #000F18)
- Hushed Periwinkle Garden color palette (#BCEBD8, #96C9F1, #769FE6, #007186, #002338)
- Washed Terrace color palette (#F7EAE3, #55ACC3, #005E89, #003F37, #091E41)
- Timeworn Lagoon Lantern color palette (#F6F6EA, #8FDBD5, #00A0A4, #007461, #003A41)
- Muted Cerulean Courtyard color palette (#F4F6F0, #C5E2E1, #6FADD2, #00899F, #235146)
- Antique Olive color palette (#DCF2E4, #0096B2, #6A7F00, #005D6F, #171E00)
- Azure Pier color palette (#C3E5F9, #00A2DB, #006992, #003851, #000B13)
Browse the whole catalog at Explore, or see today's palette.