Petrol Grove color palette — #EBF4EF · #C6DBDE · #C5B0BE · #316E80 · #17241D

Teal and Rosewood Mist set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EBF4EF): a clean, paper-quiet neutral.
• Silver (#C6DBDE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Rosewood Mist (#C5B0BE): A luminous, dusty pink — the color of a candy shop window.
• Teal (#316E80): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#17241D): 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

• Hushed Petrol color palette (#EDF7FC, #D8D8E2, #AFB2C3, #006F86, #2F3D44)
• Patina Pewter Drift color palette (#FCEDF3, #E4D2CB, #D6B7B3, #735D9F, #311F27)
• Softworn Quarry color palette (#EEF6FC, #D7DAE5, #C1B0B0, #5193B2, #263037)
• Ancient Ultramarine color palette (#FAEDF8, #ECC8D9, #BE9FC2, #2D53B1, #231421)
• Timeworn Abyss Lantern color palette (#DEE9E4, #C0ACBE, #A08493, #004A65, #020E08)
• Muted Fern Loft color palette (#D5EBDC, #89A4D1, #8B6E99, #594A00, #2E2603)
• Aged Drift color palette (#F5F3E2, #71B181, #137564, #26503D, #1A1F05)
• Frosted Field color palette (#FCE5C9, #0099BB, #4F519B, #4E3200, #001E16)

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