Sapphire Coast color palette — #FFF2E9 · #53C6F5 · #0068D9 · #00574C · #302765
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Sky (#53C6F5): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#0068D9): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Royal Purple (#302765): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
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
- Worn Hollow color palette (#F7ECE6, #58C2D7, #006FA7, #00523A, #222C4D)
- Ultramarine Orchard color palette (#F8E7D9, #49AADB, #2550AD, #003E3A, #211541)
- Dusty Cerulean Lagoon color palette (#FFF2ED, #74E2EC, #008BBA, #006B3C, #273F69)
- Navy Villa color palette (#D5F0E8, #00A8AE, #00739D, #00467F, #2E2974)
- Antique Petrol Atelier color palette (#D7E8F4, #007AAD, #8E5400, #5A4C00, #00273C)
- Tempered Fuchsia Villa color palette (#E2F6FF, #B9CBFF, #DC79DF, #007364, #223D5F)
- Softworn Cypress Meadow color palette (#FBF4EC, #BFE1FF, #7C87BA, #097073, #5B3E49)
- Bronze Balcony color palette (#C6F0DB, #0092B9, #A05D00, #00576F, #452500)
Browse the whole catalog at Explore, or see today's palette.