Petrol Grove color palette — #E4EFEB · #D0BECC · #BC99A8 · #006798 · #0B251D

Peacock and Mauve set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4EFEB): bright and airy, almost weightless.
• Stone (#D0BECC): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#BC99A8): A luminous, dusty rose — the color of a warm blush.
• Peacock (#006798): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#0B251D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ultramarine Lantern color palette (#EFE5EC, #D5BCC6, #C5979D, #4254B9, #271B24)
• Washed Cobalt color palette (#D9E2EA, #C1BDCE, #B19FB6, #258ABC, #12212C)
• Dusty Atelier color palette (#DFE7DE, #B5CABE, #86AFA4, #006F6D, #172316)
• Denim Studio color palette (#EFF6FD, #D9D7E7, #AFBAD9, #00659E, #020E19)
• Timeworn Station color palette (#D9E1E9, #AABAD0, #828FA5, #004779, #12212E)
• Ancient Violet Harbor color palette (#F4ECEE, #E6D2D2, #D2AEA4, #8F57A3, #362A2D)
• Ancient Aubergine Lantern color palette (#F1E4EA, #B29FA2, #A57A76, #4C3084, #13040B)
• Dusty Pewter Boulevard color palette (#D0F0FF, #888DBF, #89598C, #3C592B, #11340C)

Browse the whole catalog at Explore, or see today's palette.