Velvet Petrol Loft color palette — #CEE6F1 · #00689A · #003560 · #000A30 · #04000B

A conversation between Peacock and Navy, giving this palette its sense of trust and stability.

The five colors

• Frost (#CEE6F1): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00689A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#003560): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#000A30): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Black (#04000B): 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 Velvet 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

• Shadow Summit color palette (#D1F1F1, #006772, #003743, #001119, #000307)
• Pale Balcony color palette (#D3F5F4, #007A92, #004779, #180061, #04000D)
• Navy Pier color palette (#E0EFFF, #0C57BB, #180090, #0C003B, #030012)
• Sunlit Nightshade Harbor color palette (#D4ECE3, #008F9B, #006499, #35189F, #08000C)
• Petrol Villa color palette (#E7F2EC, #8B9F97, #517592, #00303E, #010D06)
• Pale Petrol color palette (#DCE8FE, #5B5EA1, #3F2F63, #3A0018, #230003)
• Shadow Drift color palette (#E5E8F6, #5B42AA, #400079, #1F002F, #0C0010)
• Nightshade Boulevard color palette (#F9E6F6, #0021A8, #2E0047, #19000A, #050100)

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