Tempered Petrol Study color palette — #D9E0DD · #93A4A6 · #898CB6 · #006D90 · #010C07

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

The five colors

• Silver (#D9E0DD): a clean, paper-quiet neutral.
• Blue Fog (#93A4A6): a calm mid-gray that lets other colors speak.
• Slate Blue (#898CB6): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006D90): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#010C07): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Muted Lantern color palette (#EAF0E7, #8FA79F, #69948B, #007465, #040C02)
• Aged Abyss Garden color palette (#E7F2EB, #95AAA4, #7D83AC, #004D5F, #010D06)
• Denim Courtyard color palette (#E8DFE7, #B3999E, #A27E82, #3361AD, #0E060E)
• Aged Spruce color palette (#D9E1DC, #968896, #7D626F, #002F3A, #000201)
• Iris Alley color palette (#DDE8FF, #7980BE, #6F5C93, #663644, #2B0002)
• Indigo Quarry color palette (#F2E9EF, #CEBABB, #C79D9C, #6076DD, #281A25)
• Indigo Harbor color palette (#D2E4DF, #00B4EA, #0093EE, #4D5EFF, #000515)
• Faded Ultramarine Atelier color palette (#F8D8D2, #007FCD, #2E47C7, #680052, #00030D)

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