Tempered Petrol color palette — #EDF0E4 · #7EBAD9 · #006FA4 · #004D5D · #0A304F

Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#EDF0E4): a clean, paper-quiet neutral.
• Sky (#7EBAD9): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#006FA4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Teal (#0A304F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Boulevard color palette (#F3F7ED, #A0CBED, #497BB0, #0D5B77, #253B5C)
• Petrol Boulevard color palette (#EFE8DD, #92BFAB, #1870AC, #004A51, #00123A)
• Aged Parlor color palette (#EFEFE2, #5DAEAC, #006469, #003F36, #00242A)
• Feathered Glacier Grove color palette (#F6F7E5, #69E4E8, #00909D, #00675E, #004855)
• Washed Periwinkle color palette (#F7ECE5, #B2DFCC, #7CA5E9, #009286, #2E225B)
• Ancient Navy color palette (#DCE3D2, #4585BF, #00397C, #002030, #00012F)
• Softworn Ash color palette (#F4F6EE, #C5E6E8, #769EC0, #4F7964, #5D4C5E)
• Weathered Mallow Drift color palette (#FFEFF4, #EABBF1, #BE84AD, #5B4C84, #462932)

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