Petrol Grove color palette — #EBF3F8 · #D6D4E7 · #B4B5CA · #1E6E8C · #16222A

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

The five colors

• Ivory (#EBF3F8): a clean, paper-quiet neutral.
• Silver (#D6D4E7): A whisper-light, dusty violet — the color of wild irises.
• Ash (#B4B5CA): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#1E6E8C): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#16222A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Timeworn Bloom color palette (#ECF2FC, #D0D0F2, #B5A2C8, #4052A8, #121A28)
• Washed Driftwood color palette (#EFF2F9, #DED5DF, #BAACAC, #78829E, #33363E)
• Patina Cabin color palette (#C4E5EE, #8FA6D6, #836586, #2C5A4F, #133129)
• Denim Summit color palette (#E3EFF8, #ABB3C6, #8C8AA4, #00486D, #010C17)
• Ancient Jade Dune color palette (#E4F7F0, #69B288, #007471, #304863, #042121)
• Tempered Bloom color palette (#DCDEE6, #90899F, #766478, #2E1B55, #010107)
• Tempered Courtyard color palette (#DFF1FB, #008AA7, #902E2F, #393500, #171500)
• Frosted Cerulean color palette (#D5F2DD, #0099BA, #614D90, #473700, #05192C)

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