Charred Sapphire Pier color palette — #CFE2F8 · #0067C5 · #312147 · #09192B · #040810

Royal Blue takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#CFE2F8): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#0067C5): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Indigo (#312147): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#09192B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#040810): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Charred Sapphire Pier 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

• Lowlit Alley color palette (#CCE6F6, #007490, #1C2750, #051B25, #02080F)
• Midnight Alley color palette (#DDE4F3, #4043FA, #3B1B43, #0E182A, #050710)
• Patina Hollow color palette (#E3EFFF, #2881FC, #394366, #132740, #07131D)
• Amethyst Courtyard color palette (#E0E3F7, #8053C7, #382D43, #1D1E29, #0C0C12)
• Softworn Dune color palette (#FBE5FC, #5BA2FF, #68608A, #294365, #06150E)
• Charred Aubergine color palette (#DFE5FC, #4A00B2, #291D24, #20001B, #010110)
• Deep Veranda color palette (#FAE3FF, #8D00A5, #400016, #0E0820, #030108)
• Iris Alley color palette (#E9E9FF, #8E79FF, #416F00, #005E40, #262E4E)

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