Tempered Petrol Grove color palette — #ECF3F8 · #D5D5DF · #AEB7CC · #316B8D · #1A2128

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D5D5DF): a clean, paper-quiet neutral.
• Ash (#AEB7CC): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#316B8D): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#1A2128): quiet, heavy and certain.

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 Petrol Canyon color palette (#EDF8F3, #EADCE7, #C0ADB4, #286C89, #323E38)
• Nightshade Archive color palette (#EDF2FD, #D0D2E7, #C09DC7, #504CA8, #151927)
• Muted Cerulean color palette (#F0F6FA, #DBDAE4, #BFB1AA, #3A95BA, #263036)
• Pewter Orchard color palette (#CCE3FE, #98A6CD, #806387, #3E593D, #022F1E)
• Cypress Chapel color palette (#E0F8F5, #71AF98, #00746D, #094F5F, #022123)
• Weathered Navy color palette (#DDE4EB, #ACB4C0, #848CA8, #004678, #030B16)
• Deep Ultramarine Atelier color palette (#D6E3F6, #2E59CD, #251D46, #040C1B, #000206)
• Worn Atelier color palette (#E9F3FF, #7ED9FF, #58A1FF, #835FC4, #101535)

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