Sapphire Coast color palette — #E6EFFF · #4C69C6 · #8F4E00 · #454900 · #18263F

Royal Blue and Burnt Sienna set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#E6EFFF): A whisper-light, dusty violet — the color of wild irises.
• Royal Blue (#4C69C6): A full-bodied, balanced violet — the color of wild irises.
• Burnt Sienna (#8F4E00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#454900): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#18263F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

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

• Dusty Violet Terrace color palette (#EBEDFF, #7E59B6, #745F02, #115317, #22233F)
• Lapis Boulevard color palette (#F1F5FF, #5554B5, #703D00, #1F4200, #03202E)
• Timeworn Petrol color palette (#DCF3FF, #007D98, #90474F, #613B00, #082A3A)
• Violet Hollow color palette (#DAF8E0, #976FC8, #89386D, #414400, #302C47)
• Misty Plum Ridge color palette (#EBE5FA, #9C5993, #8E4150, #4F4300, #140924)
• Fern Study color palette (#FDE8F1, #9480CE, #B7617B, #536B00, #371D2A)
• Pale Nightshade Lantern color palette (#D5E1FF, #4328C9, #5B3B00, #193000, #09062A)
• Hushed Studio color palette (#E2E1FF, #9700CF, #655900, #00492F, #2C113A)

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