Tempered Petrol Atelier color palette — #DFF3F3 · #88B6E1 · #3869A8 · #004B69 · #1B2C50

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

The five colors

• Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#88B6E1): A luminous, dusty blue — the color of deep harbor water.
• Slate (#3869A8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
• Midnight (#1B2C50): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Petrol Atelier 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

• Hushed Terrace color palette (#E3F3F0, #7ABEC7, #007588, #00504E, #003442)
• Softworn Grove color palette (#E4EEFF, #B6BBFF, #A996DC, #356091, #273552)
• Antique Cobalt color palette (#F4EDE3, #9FC9F0, #6586C3, #006881, #252951)
• Weathered Delta color palette (#DBECEB, #3A9AC7, #004F77, #002E39, #00152A)
• Iris Delta color palette (#F9EAEF, #B2D7FD, #8F9BF7, #009097, #382050)
• Cobalt Ridge color palette (#C7E1FC, #0083D8, #00803F, #004B80, #003315)
• Antique Sapphire color palette (#DFE8F5, #0062E0, #89358F, #005958, #0A1E3E)
• Faded Nightshade color palette (#DFE9FF, #658BFC, #2747B4, #062069, #050D42)

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