Sapphire Coast color palette — #CFE5E1 · #00C7E2 · #009AD9 · #006FD7 · #2A2277

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

The five colors

• Silver (#CFE5E1): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00C7E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#009AD9): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006FD7): A full-bodied, vivid blue — the color of open sky before noon.
• Royal Purple (#2A2277): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, 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

• Teal Field color palette (#D2F8E9, #00C8C4, #00A7C1, #0070A0, #163373)
• Softworn Lapis color palette (#CEF2F5, #23C1FB, #1B9CF7, #574EFF, #3E0E64)
• Timeworn Aqua Station color palette (#C6F8FF, #00CFF5, #008CC2, #00528A, #001C48)
• Pale Periwinkle color palette (#D9E9FF, #A0CAFF, #3BA1FE, #006FC0, #001A35)
• Linen Cabin color palette (#CBEFFB, #87C8FF, #6C98FF, #845ED9, #522F67)
• Apricot Boulevard color palette (#C1F1E2, #69BDFF, #FF9238, #0084CD, #492200)
• Lime Atelier color palette (#FFEAD3, #72DD00, #1BA2E6, #175274, #071914)
• Feathered Mint color palette (#E7F5E2, #00D486, #00ABA1, #00778A, #00394F)

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