Sapphire Coast color palette — #F2D8DB · #0069E8 · #3F35A1 · #530032 · #010231

Built around Royal Blue, softened by Indigo — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F2D8DB): A whisper-light, dusty red — the color of a theater curtain.
• Royal Blue (#0069E8): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Indigo (#3F35A1): A full-bodied, vivid violet — the color of wild irises.
• Mulberry (#530032): A deep, shadowed, balanced rose — the color of a warm blush.
• Ink (#010231): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged retro, vibrant.

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

• Indigo Alley color palette (#FFE7E7, #5D5BE1, #5A2A93, #56001C, #0C002D)
• Timeworn Veranda color palette (#DAE9E1, #0079B2, #003BB3, #4D0046, #000C1B)
• Antique Terrace color palette (#FEE8FF, #366EE1, #4200B1, #38001D, #00000B)
• Sunlit Lantern color palette (#FFE4E0, #6D4AB1, #5B176E, #420101, #060011)
• Ultramarine Corridor color palette (#F6DCF1, #102DDD, #120F3F, #0D0105, #000015)
• Linen Hollow color palette (#EDD5EC, #21ADF9, #3482FF, #5545DF, #010029)
• Worn Petrol color palette (#EBEFE1, #74A9CA, #006BA9, #00475A, #00142D)
• Misty Lapis color palette (#D3ECDF, #0097BE, #5E48DC, #504900, #000C1A)

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