Tempered Petrol color palette — #EBF7FF · #8AB5D8 · #5E83BB · #5D60A2 · #474A68

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

The five colors

• Ivory (#EBF7FF): a clean, paper-quiet neutral.
• Sky (#8AB5D8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#5E83BB): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5D60A2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#474A68): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Ancient Petrol color palette (#DEFCFF, #88C8C8, #1893A6, #006E99, #375370)
• Patina Mulberry Atelier color palette (#F0F5FF, #B6B3E2, #9976B1, #8A4C84, #564664)
• Cobalt Canyon color palette (#F0F5FF, #9FAFD7, #AB975A, #506DBF, #594C24)
• Cerulean Summit color palette (#F0F5FF, #DED8E2, #CDAFA1, #6397B4, #454B5E)
• Soft Aubergine color palette (#E8F0FF, #9794DC, #814BAB, #7A1D7F, #5A2C4A)
• Olive Courtyard color palette (#F2F5FF, #9590C8, #AA8152, #757D26, #3C4154)
• Timeworn Chestnut Summit color palette (#FFF1F7, #ABBEAC, #9C7285, #824D44, #384D42)
• Gentle Indigo Terrace color palette (#E0F1FF, #73A4FF, #6055F0, #6C00AE, #55225B)

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