Tempered Petrol color palette — #E3F2F1 · #8AB8D4 · #006EA9 · #004D5F · #082F53
Peacock takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E3F2F1): bright and airy, almost weightless.
- Sky (#8AB8D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006EA9): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#082F53): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Aged Petrol Delta color palette (#F4E4EB, #7FBDDC, #2E6CB1, #004B4B, #0D0F38)
- Washed Corridor color palette (#ECF8F8, #ADC8E2, #2A79CE, #005B7B, #263A5D)
- Dusty Cypress Canyon color palette (#E4F2EF, #76C1BD, #00777B, #005144, #00353B)
- Wandering Cerulean color palette (#E6FAF6, #9FDBDE, #008FA0, #006760, #004857)
- Denim Summit color palette (#DAEEEB, #589AAC, #005269, #002F33, #001623)
- Azure Meadow color palette (#EFF7F7, #D7DBEC, #709ECA, #45768A, #465465)
- Worn Periwinkle color palette (#F9EAF1, #B3D9F5, #7AA4F0, #009288, #2E264E)
- Antique Jade color palette (#DAEDE0, #00AB73, #006951, #004A3D, #003531)
Browse the whole catalog at Explore, or see today's palette.