Sapphire Coast color palette — #F3E1F1 · #2868FC · #0C7C1A · #0028BC · #001501
Built around Royal Blue, softened by Indigo — the whole palette hums with nature and growth.
The five colors
- Blush (#F3E1F1): A whisper-light, dusty pink — the color of neon signs at night.
- Royal Blue (#2868FC): A full-bodied, vivid violet — the color of wild irises.
- Olive (#0C7C1A): A full-bodied, vivid green — the color of a quiet forest floor.
- Indigo (#0028BC): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#001501): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy. Tagged 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
- Misty Sapphire color palette (#F7DBF4, #2B6FEA, #6C6A00, #0037A5, #111000)
- Airy Ultramarine color palette (#DDE6F5, #0352EC, #416800, #005938, #000423)
- Misty Orchid color palette (#FBE4EE, #9B5EF8, #0F7B18, #470086, #011501)
- Chalky Grape Grove color palette (#E7EBFF, #6D00E6, #465200, #340075, #0E1200)
- Gentle Aubergine color palette (#EAECFD, #915CDB, #7A6500, #4E008D, #020100)
- Cobalt Cabin color palette (#C4EDE2, #007CCB, #965300, #004879, #1C0A00)
- Byzantium Bloom color palette (#F6E6E9, #9A29B7, #006A34, #59006C, #000802)
- Coral Corridor color palette (#FDE3F1, #D794D3, #E46D57, #006797, #1C0A28)
Browse the whole catalog at Explore, or see today's palette.