Tempered Petrol Grove color palette — #DCE2E6 · #9DA0B3 · #8F85AF · #006E8B · #000B13

A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.

The five colors

• Silver (#DCE2E6): bright and airy, almost weightless.
• Blue Fog (#9DA0B3): A luminous, dusty violet — the color of wild irises.
• Slate Blue (#8F85AF): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006E8B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Tempered 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

• Antique Abyss color palette (#DBE6EC, #9CA6B1, #7C84A8, #004E5C, #010B11)
• Aged Ultramarine color palette (#E4E9F2, #A39DAB, #99819F, #4655C1, #040916)
• Tempered Loft color palette (#E5F0EB, #7D938B, #746576, #002E3F, #000201)
• Antique Terrace color palette (#DDE2EA, #C3BCCC, #B5A0BE, #647CC4, #171F2E)
• Dusty Pier color palette (#D3EDFF, #7081C7, #73548F, #643408, #181100)
• Patina Lagoon color palette (#CDEDE7, #509A70, #00735F, #00525B, #000803)
• Pale Ultramarine Harbor color palette (#F0E4CC, #0085B3, #373BD6, #652100, #00040B)
• Feathered Grape color palette (#E3F2FF, #007AB2, #88009B, #5D2100, #010200)

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