Petrol Grove color palette — #DAE8EF · #9E9FBA · #8E829C · #006F84 · #010B12

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DAE8EF): bright and airy, almost weightless.
• Blue Fog (#9E9FBA): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8E829C): A luminous, dusty violet — the color of wild irises.
• Teal (#006F84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#010B12): 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

• Worn Hollow color palette (#E4EDE8, #8EACA3, #997B94, #004D63, #010D06)
• Worn Indigo color palette (#E7EBF6, #C0AAC3, #AC8F9D, #6866B7, #0E1322)
• Onyx Study color palette (#D8E4DD, #958897, #806074, #002F3C, #000201)
• Aged Cobalt Summit color palette (#D7F0F6, #6680C6, #815776, #32523C, #1C1400)
• Ancient Grove color palette (#F7EAD7, #008A99, #5341B8, #4F3500, #000408)
• Hushed Emerald color palette (#D8EDE2, #559B59, #007263, #214C69, #000807)
• Faded Mulberry color palette (#C8E7F2, #00828A, #9E0051, #3F3700, #020200)
• Hushed Thicket color palette (#E6F0F9, #D4D0E0, #C1B2C5, #569AC7, #22303B)

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