Tempered Petrol Drift color palette — #ECF4F3 · #C9DFF4 · #6591C2 · #006789 · #192C4B

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

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Powder Blue (#C9DFF4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6591C2): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006789): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#192C4B): A deep, shadowed, dusty blue — the color of open sky before noon.

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

Use it as a design system

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

• Antique Cerulean Parlor color palette (#ECF4F2, #C8DAEB, #309EA8, #006E61, #063140)
• Antique Denim Terrace color palette (#DAE8E5, #63A9B6, #006277, #00393A, #000D14)
• Antique Cobalt Grove color palette (#FAF4EF, #BBE8D9, #6888CE, #006F7A, #5C3C4F)
• Wandering Abyss Corridor color palette (#E4F0EF, #44819B, #00415D, #001E25, #000104)
• Petrol Alley color palette (#E6F6F3, #75CBD5, #008094, #00524F, #001E27)
• Hushed Cerulean color palette (#FCF2F6, #D9D3DE, #A5BAEB, #0093A3, #353D5E)
• Misty Coast color palette (#E2F7F2, #8FB070, #3799C0, #487300, #002C3C)
• Bronze Archive color palette (#DBFAF0, #819756, #00928D, #9F5500, #00251D)

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