Sapphire Coast color palette — #FAF3F8 · #E9D9E0 · #D8B3B9 · #476DE2 · #402A3D

Sapphire and Espresso set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#E9D9E0): a clean, paper-quiet neutral.
• Rosewood Mist (#D8B3B9): A luminous, dusty red — the color of late-summer berries.
• Sapphire (#476DE2): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#402A3D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Softworn Drift color palette (#E9F9F5, #EBD8E4, #DBB0BF, #007ACF, #133B33)
• Iris Villa color palette (#FFF0FB, #F1D1D3, #DBB6B4, #7D8FF0, #402B3B)
• Wandering Violet Summit color palette (#F4ECEE, #E5D2D3, #CAB1AB, #885AA7, #3C272E)
• Muted Lantern color palette (#F0F5FF, #CAD2EA, #AA9ECC, #424AB6, #2B3344)
• Washed Plum color palette (#F8DFF5, #5285F8, #B30F8D, #4B4B00, #00273D)
• Chalky Byzantium color palette (#F7D4E3, #8F33FF, #502649, #1F0F3A, #10030E)
• Ash Boulevard color palette (#F9F3F7, #E0D8D7, #B7B0A7, #9097C9, #5A4F56)
• Byzantium Study color palette (#E5E9BF, #4499FF, #A630D8, #105606, #1E2059)

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