Sapphire Harbor color palette — #F9E2B4 · #A77D00 · #1D61F0 · #644A00 · #001E7D
A conversation between Royal Blue and Navy, giving this palette its sense of optimism and energy.
The five colors
- Peach Cream (#F9E2B4): A whisper-light, dusty gold — the color of old brass.
- Mustard (#A77D00): A luminous, balanced gold — the color of old brass.
- Royal Blue (#1D61F0): A full-bodied, vivid violet — the color of twilight just after sunset.
- Bronze (#644A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Navy (#001E7D): A deep, shadowed, vivid violet — the color of twilight just after sunset.
Feels like: Optimism, Energy. 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
- Soft Sapphire Atelier color palette (#EEE4D3, #A48200, #0067EE, #5E4900, #001339)
- Amber Atelier color palette (#FCDFC0, #CA8121, #0065A7, #704200, #003053)
- Aged Indigo Canyon color palette (#D4ECD5, #E2A229, #596BEC, #8B6000, #1B177C)
- Weathered Grape color palette (#E1EBB9, #8E9E22, #7037C9, #4B5500, #370E6D)
- Frosted Honey color palette (#C9F0D1, #F8BF32, #768CEA, #AB8000, #191B77)
- Sunlit Fern Garden color palette (#EEF1DA, #679E5A, #9262A6, #1F6805, #44284F)
- Chalky Ember Corridor color palette (#FFDCD1, #E54400, #007D93, #8B2500, #00343F)
- Midnight Aubergine color palette (#E9E0C4, #575400, #3B169E, #232200, #05001F)
Browse the whole catalog at Explore, or see today's palette.