Sapphire Harbor color palette — #F0F5FF · #93A8FF · #CA9B18 · #4D5AEA · #4B3700
Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Cornflower (#93A8FF): A luminous, balanced violet — the color of wild irises.
- Mustard (#CA9B18): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#4D5AEA): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#4B3700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Sapphire Harbor 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
- Tempered Quarry color palette (#EEF6FF, #93C3FF, #CD8C00, #0066C7, #503400)
- Tempered Workshop color palette (#FFF0FB, #B5C4FF, #D7AA07, #5766FC, #3B2C00)
- Dusty Grape Villa color palette (#F2F5FF, #BFB3FF, #A0A200, #6D4BC7, #3D3E00)
- Sunlit Lapis color palette (#F1F5FF, #7D88EE, #9C7A00, #481FF0, #4A3800)
- Aged Nightshade Bloom color palette (#D5DDF6, #9F9CFF, #928900, #5030C1, #2D2A00)
- Aged Lantern color palette (#F5F4FF, #D4A1E6, #8EB26D, #A064B5, #344A1F)
- Weathered Ember color palette (#EBF7FF, #48D1FF, #E15924, #0084A7, #671F00)
- Antique Alley color palette (#E7EAFF, #898CFF, #EB5A1B, #009561, #292A56)
Browse the whole catalog at Explore, or see today's palette.