Sapphire Harbor color palette — #D5E1F6 · #3458EA · #803200 · #2F3700 · #000B0C
A conversation between Royal Blue and Rust, giving this palette its sense of nature and growth.
The five colors
- Frost (#D5E1F6): A whisper-light, dusty violet — the color of a velvet chair.
- Royal Blue (#3458EA): A full-bodied, vivid violet — the color of wild irises.
- Rust (#803200): A full-bodied, balanced orange — the color of autumn markets.
- Forest (#2F3700): A deep, shadowed, dusty green — the color of fresh herbs.
- Ink (#000B0C): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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
- Sapphire Studio color palette (#FFF0FD, #435BEB, #793600, #202D00, #000200)
- Antique Drift color palette (#DFE4FF, #7E54D8, #961C24, #333600, #001518)
- Soft Meadow color palette (#E0E4FA, #7242C4, #654200, #004120, #000810)
- Muted Garnet Ridge color palette (#DAECFF, #0064AA, #990114, #362F00, #000908)
- Tempered Indigo color palette (#ECE6D9, #7C69E3, #7E367F, #423700, #1E0636)
- Orchid Drift color palette (#EEF1FF, #9F45FF, #865D00, #005D2A, #001D2E)
- Lowlit Nightshade color palette (#EAEFFF, #4E349D, #5D0049, #0E2000, #0A0124)
- Hushed Plum Atelier color palette (#F0DFEE, #3D86FF, #CF0059, #00633E, #110011)
Browse the whole catalog at Explore, or see today's palette.