Petrol Atelier color palette — #D3ECFB · #00748F · #0E2A51 · #001C24 · #000712

Built around Teal, softened by Midnight — the whole palette hums with trust and stability.

The five colors

• Frost (#D3ECFB): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#0E2A51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001C24): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000712): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns 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

• Charred Ridge color palette (#D9E3EE, #0068C3, #2B234B, #021831, #050914)
• Dusty Cerulean color palette (#D0E6F4, #0094BB, #004A6E, #022A3D, #06141A)
• Washed Turquoise Terrace color palette (#D6F2E2, #00B2DB, #4F688E, #2F483B, #0A150A)
• Weathered Driftwood color palette (#EFF1FD, #846FAE, #3F394B, #252739, #16151C)
• Velvet Grape Bloom color palette (#E0E4F2, #5C2CCF, #35013B, #0E0031, #010714)
• Indigo Canyon color palette (#E7E9FF, #716DE3, #B45100, #676400, #2A2A56)
• Shadow Alley color palette (#DDDDF8, #3F2824, #440065, #2D1418, #0D0007)
• Lowlit Hollow color palette (#E8EFFD, #2D00A3, #36171D, #11001B, #000206)

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