Tempered Petrol color palette — #DEEDEB · #68BFE7 · #0073A5 · #004957 · #00172B

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEEDEB): bright and airy, almost weightless.
• Sky (#68BFE7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#00172B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Worn Petrol color palette (#F4EDE3, #81BAD5, #296D9F, #004F55, #0D2C5B)
• Softworn Lilac color palette (#DCEEFF, #A7C9FF, #9A9FE8, #256A8D, #0A1E34)
• Softworn Cerulean Delta color palette (#D2F7FF, #0095B3, #006581, #003B54, #001728)
• Dusty Grape Study color palette (#C9E2F9, #0070B1, #802FAC, #00594D, #000B1A)
• Ancient Boulevard color palette (#E5F6F2, #75E4E7, #0094A1, #006359, #002B33)
• Linen Azure color palette (#CCE2F7, #249FFA, #005A9B, #002C4F, #00050D)
• Sunlit Cornflower Ridge color palette (#FAE9F1, #93CEE9, #4B86D9, #006D60, #2B2555)
• Timeworn Navy Courtyard color palette (#D8ECEC, #4E7DA8, #003979, #001D2C, #00000C)

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