Shadow Petrol Field color palette — #D7EAF4 · #006997 · #003B6A · #00153C · #00000B

Peacock and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D7EAF4): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#006997): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#003B6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00153C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

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

• Petrol Alley color palette (#D2F9F8, #00737E, #004350, #001B26, #000306)
• Navy Field color palette (#E0EEE4, #005D7E, #002E5D, #260029, #000204)
• Navy Chapel color palette (#D6F4F8, #00799B, #003E6B, #080062, #0D002E)
• Hushed Navy color palette (#C5E9E6, #009DBA, #005994, #160068, #020007)
• Cellar Parlor color palette (#D5E5F4, #0066C5, #001CA7, #100053, #020010)
• Navy Grove color palette (#E2F1FF, #605456, #00395E, #23191F, #000519)
• Hushed Abyss color palette (#D9E8F0, #90A3B0, #6A7E90, #003D4B, #00050A)
• Washed Denim color palette (#DCEDFF, #425FAF, #46426E, #3C0926, #160004)

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