Sapphire Cabin color palette — #D6E3F7 · #3C68E8 · #2D2E48 · #101620 · #03070B

Royal Blue and Navy set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#D6E3F7): A whisper-light, dusty blue — the color of deep harbor water.
• Royal Blue (#3C68E8): A full-bodied, vivid violet — the color of wild irises.
• Navy (#2D2E48): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#101620): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#03070B): a grounded near-black with real depth.

Feels like: Creativity, Energy, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Wandering Cobalt color palette (#F1DEEE, #4A6EBC, #452832, #271A25, #091313)
• Softworn Byzantium Terrace color palette (#EBEAF9, #9750B9, #382A42, #151420, #05060B)
• Iris Balcony color palette (#EEE0EB, #6F8CD7, #5B4651, #372835, #101B18)
• Grape Grove color palette (#E7ECFB, #6100E5, #330438, #21151B, #03051D)
• Powdered Lilac Hollow color palette (#D1E3FF, #979EFF, #8065BD, #684373, #2D2340)
• Tempered Orchid color palette (#F0F0FF, #AB6DD7, #738941, #507838, #1D1B30)
• Dusty Cerulean color palette (#F9EFF2, #C1E1FB, #6C8FC4, #1B6A6F, #222B44)
• Faded Harbor color palette (#EFF1FF, #AD93E4, #799A57, #6C5794, #002F27)

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