Shadow Petrol Loft color palette — #CEE7F3 · #00779F · #003B4E · #00151F · #000305

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

The five colors

• Frost (#CEE7F3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#00779F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003B4E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00151F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000305): a grounded near-black with real depth.

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

Use it as a design system

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

• Cypress Ridge color palette (#D0F5ED, #008171, #003E37, #00120E, #000202)
• Azure Loft color palette (#C0E7F7, #00AAE1, #0082A0, #005072, #000306)
• Hushed Cerulean Loft color palette (#C5E8FC, #0099C6, #005D7F, #002C3A, #000204)
• Azure Hollow color palette (#DBEAF2, #27ADFA, #4573C0, #004E5B, #001E30)
• Charred Pine Delta color palette (#EEDEF0, #00814C, #001D3B, #1B0706, #00040F)
• Cellar Corridor color palette (#DAE6FD, #225FFC, #002F81, #000535, #00010D)
• Bronze Garden color palette (#F7EDE1, #846100, #4E3200, #2C1600, #100A00)
• Moonless Nightshade color palette (#DBE6FF, #1100CC, #640041, #00231E, #0D000B)

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