Petrol Grove color palette — #EBE2D3 · #83BEBC · #008493 · #005B45 · #00242F
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#EBE2D3): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#83BEBC): A luminous, dusty teal — the color of sea glass.
- Cerulean (#008493): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005B45): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#00242F): 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
- Worn Petrol Loft color palette (#E9DECD, #51B0C7, #007096, #004A48, #001528)
- Hushed Cerulean color palette (#ECF9EE, #8BDCDB, #008A9A, #00533F, #000F16)
- Softworn Cerulean color palette (#F5EDE1, #AACFB5, #3292B5, #006D65, #00314D)
- Aged Cobalt Hollow color palette (#F4ECE1, #87B8D7, #1676CA, #005764, #0A194B)
- Airy Studio color palette (#EEE2EE, #7FD0CF, #00A1C8, #00842C, #00203F)
- Muted Lagoon color palette (#F9F4EE, #C0E8E0, #73AFC2, #368B7C, #235242)
- Misty Market color palette (#E8E1D7, #6A96C2, #2D52A8, #003949, #07002B)
- Muted Olive color palette (#DBF3DE, #7BD7BC, #25BAC6, #5D7200, #002A13)
Browse the whole catalog at Explore, or see today's palette.