Misty Sapphire color palette — #EFF6FF · #FFD267 · #4165BD · #172A5D · #020716
A conversation between Royal Blue and Sunflower, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#EFF6FF): bright and airy, almost weightless.
- Sunflower (#FFD267): A whisper-light, balanced gold — the color of old brass.
- Royal Blue (#4165BD): A full-bodied, balanced violet — the color of wild irises.
- Navy (#172A5D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#020716): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Optimism, Creativity, Balance. Tagged luxury, dark.
Use it as a design system
One click turns Misty Sapphire 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 Sapphire color palette (#EFF6FF, #FFC9C3, #3268BD, #132D56, #020713)
- Ancient Celadon Boulevard color palette (#EFF6FF, #AEE192, #486298, #152844, #01030E)
- Feathered Mustard Workshop color palette (#F0F6FF, #C3C147, #2D499E, #07143C, #000106)
- Weathered Seafoam Canyon color palette (#F1F5FF, #9EFCD4, #6B71A7, #2B3756, #0A0F1B)
- Navy Orchard color palette (#EAF2FF, #E3889E, #25439D, #051060, #020716)
- Patina Iris color palette (#FFF0FC, #FFB8C7, #6B8AD8, #415895, #241521)
- Navy Courtyard color palette (#FFF0FC, #C19C42, #1D3CA0, #0A1D60, #271224)
- Aged Bloom color palette (#F3F4FF, #00E789, #6E2BB3, #29044B, #020007)
Browse the whole catalog at Explore, or see today's palette.