Sapphire Coast color palette — #F4E0F7 · #4367FF · #007D8C · #060E15 · #000201
A conversation between Sapphire and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F4E0F7): A whisper-light, dusty pink — the color of a candy shop window.
- Sapphire (#4367FF): A full-bodied, vivid violet — the color of a velvet chair.
- Teal (#007D8C): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#060E15): quiet, heavy and certain.
- Black (#000201): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged neon, dark, 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
- Wandering Market color palette (#E5E8CC, #007DD5, #008171, #040F12, #000200)
- Quiet Meadow color palette (#FFE3EB, #9734FF, #0076AE, #090C16, #000201)
- Wandering Nightshade Lantern color palette (#CEE4F4, #0071CA, #0038A6, #150072, #05001D)
- Antique Navy color palette (#D7EDE0, #00829C, #00418F, #003F4D, #000108)
- Patina Magenta color palette (#D8F5F3, #CD1BF8, #3C6EFF, #030B2C, #050004)
- Peony Garden color palette (#FFE3D8, #FF409C, #8572FF, #1B173A, #10050B)
- Muted Orchard color palette (#E1F7E1, #005F60, #383590, #292C00, #000202)
- Quiet Magenta color palette (#FCD5D1, #BF00B6, #007463, #040F11, #010200)
Browse the whole catalog at Explore, or see today's palette.