Shadow Petrol color palette — #D2E9F4 · #00788E · #17284D · #001319 · #000405

Teal and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D2E9F4): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#00788E): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#17284D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#001319): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000405): quiet, heavy and certain.

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

Use it as a design system

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

• Obsidian Denim color palette (#DDF2FF, #005E7A, #2A272D, #11153B, #00060B)
• Shadow Coast color palette (#DCE8F9, #3663CC, #341F41, #020F27, #000408)
• Antique Cerulean color palette (#CDE6D6, #0096B0, #2E4470, #0F2D1D, #0D140A)
• Antique Atelier color palette (#E1FDED, #00A2C3, #123F5F, #001920, #000200)
• Iris Canyon color palette (#EAEDFB, #8677B8, #3F3848, #1B1D2B, #090D12)
• Forest Atelier color palette (#F8EEFA, #9ADEDC, #0091B3, #00681F, #002648)
• Worn Azure Delta color palette (#E7F4FF, #38A0EB, #A57B00, #006098, #2B1E00)
• Soft Indigo Meadow color palette (#DEE3FF, #6B70F0, #A96100, #8D5000, #11103C)

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