Sapphire Harbor color palette — #F5ECDA · #AA7E00 · #3459FF · #624700 · #04074A
Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.
The five colors
- Cream (#F5ECDA): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mustard (#AA7E00): A luminous, balanced gold — the color of old brass.
- Royal Blue (#3459FF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#624700): A full-bodied, balanced gold — the color of old brass.
- Deep Indigo (#04074A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
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
- Sunlit Amethyst Market color palette (#ECE8C6, #968800, #723CFF, #564D00, #170046)
- Sunlit Sapphire Atelier color palette (#F9E1B9, #A57E00, #0363EF, #624A00, #00276C)
- Amber Lantern color palette (#FEE5ED, #BD7200, #0079B5, #6D4000, #001829)
- Feathered Bloom color palette (#F9E2B4, #DAA629, #3F72EC, #866200, #0D2669)
- Worn Byzantium color palette (#D5FCED, #A1B325, #8845E5, #576200, #29094F)
- Cornflower Canyon color palette (#FEF7C8, #D9C228, #0092EA, #7A6B00, #002039)
- Soft Grove color palette (#D2F5EB, #729F21, #792DB3, #365000, #1D0031)
- Tempered Iris color palette (#E7F6EC, #C5B36F, #8797DF, #837125, #253149)
Browse the whole catalog at Explore, or see today's palette.