Sapphire Coast color palette — #EEF6FF · #2070F8 · #7D5100 · #4E3100 · #000302
Sapphire and Coffee set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Sapphire (#2070F8): A full-bodied, vivid violet — the color of twilight just after sunset.
- Coffee (#7D5100): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#4E3100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#000302): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged jewel, 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
- Antique Cerulean color palette (#ECF7FF, #008EBF, #835300, #503100, #000302)
- Hazy Lapis color palette (#F0F5FF, #3E43F7, #4F4700, #2B2600, #000201)
- Cornflower Chapel color palette (#EFF6FF, #3B90FF, #935000, #1B4300, #041100)
- Worn Villa color palette (#F1F5FF, #8F7EFF, #A46600, #613A00, #001011)
- Airy Coast color palette (#F6F3FF, #C048CD, #784D00, #503200, #000306)
- Feathered Mulberry color palette (#ECF7FF, #0092AF, #9F1F43, #620223, #000201)
- Tempered Basin color palette (#CBEAF2, #006C6A, #573400, #2B2D00, #000404)
- Ancient Harbor color palette (#F4F4FF, #B057FF, #216E00, #185500, #000403)
Browse the whole catalog at Explore, or see today's palette.