Tempered Petrol Summit color palette — #DFECF1 · #9C9FB0 · #8B839A · #00707C · #000B11

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

The five colors

• Frost (#DFECF1): bright and airy, almost weightless.
• Blue Fog (#9C9FB0): A luminous, dusty violet — the color of twilight just after sunset.
• Slate Blue (#8B839A): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#00707C): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#000B11): 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 Tempered Petrol Summit 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

• Wandering Orchard color palette (#DAE3EE, #A59CAE, #958092, #2462B0, #030914)
• Wandering Abyss color palette (#E1EDE5, #96AAA2, #947E95, #004E5C, #010D05)
• Muted Pewter color palette (#D9E2DB, #81928C, #805F74, #003035, #000200)
• Timeworn Fern color palette (#CCEDE6, #548BB0, #77608A, #535000, #0F0E00)
• Cobalt Orchard color palette (#DCE6F1, #C2BDCA, #B29FB1, #4283C8, #17202A)
• Washed Cypress Coast color palette (#D9ECE0, #71955C, #007358, #104F67, #020800)
• Ultramarine Courtyard color palette (#FFEAD2, #008C8C, #3749BE, #523300, #000407)
• Pale Boulevard color palette (#CFF2FA, #00837F, #990663, #433500, #030200)

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