Tempered Petrol color palette — #F0F6FB · #D7D8E6 · #A6B4CE · #2E6B8A · #333C42
Peacock takes the lead with Ash close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F0F6FB): a clean, paper-quiet neutral.
- Silver (#D7D8E6): a clean, paper-quiet neutral.
- Ash (#A6B4CE): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#2E6B8A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal (#333C42): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Cerulean Thicket color palette (#EFF8F3, #E9D7DC, #D2BBB9, #53899D, #323E37)
- Pewter Quarry color palette (#F4F4FB, #E2D5E0, #C7B3D6, #7F549E, #3E3D50)
- Wandering Pewter color palette (#D8EBFF, #9FA8D4, #846B96, #714E5A, #264E3C)
- Aged Garden color palette (#DAE3EB, #B1BAC6, #828DAD, #004873, #11212F)
- Wandering Cypress color palette (#E7FAF7, #75A891, #007367, #0B5462, #183C3D)
- Ancient Boulevard color palette (#F1F5FF, #CDD1EA, #B999C5, #4645BE, #293249)
- Aubergine Basin color palette (#EDEFFA, #9998A7, #756B85, #38006A, #070815)
- Muted Cabin color palette (#EFF6FF, #4CCEF4, #5EA9FF, #8761C7, #203250)
Browse the whole catalog at Explore, or see today's palette.