Sapphire Coast color palette — #FFDCCD · #00AEB1 · #006CD4 · #7F3200 · #002E3A

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

The five colors

• Shell Pink (#FFDCCD): A whisper-light, dusty orange — the color of toasted spice.
• Turquoise (#00AEB1): A luminous, balanced teal — the color of sea glass.
• Royal Blue (#006CD4): A full-bodied, vivid blue — the color of deep harbor water.
• Rust (#7F3200): A full-bodied, balanced orange — the color of toasted spice.
• Midnight (#002E3A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, 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

• Garnet Terrace color palette (#FFF4E2, #00C0D1, #0077C0, #860027, #001C25)
• Worn Terrace color palette (#FFDCD1, #00B385, #007A9B, #8A1A3A, #00302D)
• Muted Lapis color palette (#FBE1B2, #00A7D6, #694DE4, #644800, #002A4C)
• Airy Balcony color palette (#FFDDC7, #00917F, #004FA2, #582A00, #002F35)
• Aged Azure Orchard color palette (#FFDEBD, #00CEA2, #0094ED, #995B00, #003032)
• Chalky Plum color palette (#CBEFFB, #009FA7, #AE00A3, #6B3900, #341F00)
• Powdered Periwinkle Meadow color palette (#D8F7E8, #42A7FF, #8964AC, #59581F, #22304A)
• Misty Courtyard color palette (#C6E7E4, #57B8F0, #8280C6, #715730, #513500)

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