Sapphire Coast color palette — #F6E9F4 · #205BE7 · #585900 · #00167E · #010100

Royal Blue takes the lead with Navy close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F6E9F4): A whisper-light, dusty pink — the color of peonies in June.
• Royal Blue (#205BE7): A full-bodied, vivid violet — the color of wild irises.
• Olive (#585900): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#00167E): A deep, shadowed, vivid violet — the color of wild irises.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged 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

• Patina Drift color palette (#F4E3EB, #7740D9, #545A00, #350070, #010100)
• Airy Harbor color palette (#CDE6FF, #006DBB, #7F4200, #002C51, #030100)
• Worn Nightshade color palette (#E1EAFE, #3D3EAC, #4B3D00, #170066, #080600)
• Antique Station color palette (#DAE7FF, #0432DF, #3C4E00, #2A3800, #00000B)
• Misty Ultramarine Coast color palette (#E1EBFF, #5D71E4, #00846E, #3533CF, #000805)
• Aged Lagoon color palette (#D2F2FF, #968200, #007EA3, #06090F, #000201)
• Tempered Violet color palette (#E5E3FA, #8365FF, #420595, #270F10, #0A001E)
• Softworn Atelier color palette (#F8E7F6, #D8A0FF, #D56B7C, #004755, #010009)

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