Sapphire Coast color palette — #EFF4E6 · #98C0E6 · #006EDC · #004D6C · #000658
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Sky (#98C0E6): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#006EDC): A full-bodied, vivid blue — the color of open sky before noon.
- Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#000658): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Muted Cobalt color palette (#F0F4E2, #75C7EC, #007AAF, #004F5E, #001C32)
- Sapphire Alley color palette (#FFF1F5, #7FBEF5, #3051FF, #00545F, #332662)
- Misty Cabin color palette (#E3FBFA, #A0D0FF, #2F89FD, #006C96, #142C6E)
- Hushed Cerulean Field color palette (#F1F4E5, #B4DAC4, #008FBA, #00616A, #00293D)
- Cypress Thicket color palette (#EDEDE0, #87A686, #00656A, #003A32, #000D10)
- Dusty Grove color palette (#E0E1D4, #60826A, #004351, #001F1F, #000203)
- Faded Villa color palette (#F5D7DD, #CF0060, #8B5800, #6900BD, #23000A)
- Hushed Chestnut Summit color palette (#F1DEC4, #A48A49, #785400, #4D2E00, #171200)
Browse the whole catalog at Explore, or see today's palette.