Timeworn Petrol Grove color palette — #EBF3FA · #D6D4E2 · #B9BED6 · #1573A3 · #1A2630

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

The five colors

• Ivory (#EBF3FA): bright and airy, almost weightless.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Ash (#B9BED6): A luminous, dusty violet — the color of a velvet chair.
• Slate (#1573A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1A2630): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Petrol Terrace color palette (#EFF6FD, #D8D8E6, #AEBDD6, #006FB1, #33414F)
• Muted Denim Orchard color palette (#E4EAF0, #C6CBD7, #A1A2B4, #065796, #0B1723)
• Driftwood Terrace color palette (#F1F1F8, #DCD4DA, #BBABA9, #817DA4, #36353C)
• Grape Quarry color palette (#F0F1FB, #D6D0E5, #BAA1C2, #7333AC, #17172C)
• Smoked Boulevard color palette (#E2ECFF, #3E5BDC, #262544, #071021, #000409)
• Fern Station color palette (#B9E5FF, #9DA6DB, #8B6A90, #3A581F, #233A0E)
• Hushed Onyx Atelier color palette (#E6E3EE, #93899A, #786475, #430D46, #020105)
• Muted Market color palette (#FFECF2, #B7A76C, #62742A, #3C4A75, #022815)

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