Tempered Petrol color palette — #F4F7E8 · #86C2D2 · #007999 · #00555A · #00384F

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

The five colors

• Ivory (#F4F7E8): a clean, paper-quiet neutral.
• Sky (#86C2D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#007999): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#00555A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00384F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Feathered Quarry color palette (#FFEEE5, #51CDEB, #007AB0, #005348, #001641)
• Pale Periwinkle color palette (#EAF8FF, #91CBFF, #709FF7, #006C83, #003C5F)
• Softworn Archive color palette (#F3F7EA, #8BBEE8, #006EC9, #00516E, #062D70)
• Antique Denim color palette (#E9EBE2, #73A7BA, #006080, #003D44, #002236)
• Aged Sky Cabin color palette (#E3FBF8, #95E8FF, #00BBEE, #0096A1, #003850)
• Byzantium Summit color palette (#CEEDDD, #0092B9, #A62CBD, #005770, #4B0058)
• Aged Navy color palette (#E8ECE0, #5687A6, #003F68, #00212B, #00091B)
• Aged Lapis Meadow color palette (#D3F6FF, #007F94, #5737EA, #006427, #002932)

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