Tempered Petrol Grove color palette — #EFF6FB · #D6D9E2 · #A7B4C7 · #056F89 · #323C42

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

The five colors

• Ivory (#EFF6FB): bright and airy, almost weightless.
• Silver (#D6D9E2): a clean, paper-quiet neutral.
• Ash (#A7B4C7): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#056F89): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#323C42): 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

• Aged Denim color palette (#F0F6FF, #CCD2E3, #A2A3C7, #3755A3, #23334D)
• Ancient Cerulean color palette (#F1F7F3, #E2D8DB, #CFBABA, #008FA9, #2F3F35)
• Driftwood Corridor color palette (#F2F5FC, #DCD8DF, #B5A9A8, #7181A6, #505259)
• Washed Delta color palette (#DCE7EF, #B1BAC5, #828EA6, #004B68, #0D212F)
• Wandering Bloom color palette (#D9EEFD, #94A5C3, #777995, #6C4930, #3A431A)
• Cypress Bloom color palette (#E5FBF6, #73A984, #19735D, #15555A, #023E3D)
• Charred Denim color palette (#D6E8FB, #0065AF, #182541, #091420, #030409)
• Worn Aubergine Orchard color palette (#E1E4EC, #9898A5, #736C86, #2D0C6E, #05071A)

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