Hushed Sapphire color palette — #F0F6FF · #8EB0FF · #AD9E06 · #2651F2 · #231F00
Royal Blue and Mustard set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F0F6FF): a clean, paper-quiet neutral.
- Sky (#8EB0FF): A luminous, balanced violet — the color of wild irises.
- Mustard (#AD9E06): A luminous, balanced green — the color of fresh herbs.
- Royal Blue (#2651F2): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#231F00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Hushed 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
- Hushed Sapphire color palette (#EFF6FF, #7DB5FF, #D98506, #0065CD, #2F1800)
- Grape Hollow color palette (#F5F4FF, #C0B5FF, #A19900, #6B2BE0, #221F00)
- Hushed Indigo Veranda color palette (#DBE4FF, #9BB0FF, #D7AC20, #586CF3, #3A2C00)
- Quiet Violet Studio color palette (#F4F4FF, #DCB4FF, #B0BB07, #9959C9, #2E3200)
- Soft Canyon color palette (#F3F4FF, #848BFF, #A68600, #7E7500, #0D0836)
- Nightshade Courtyard color palette (#F2E3EC, #7972EE, #966800, #4800CA, #201300)
- Antique Fuchsia color palette (#F5F3FF, #ED8CFF, #7E9A00, #843094, #151B00)
- Worn Lantern color palette (#E9F8FF, #57D1FF, #ED4C24, #007698, #3D0800)
Browse the whole catalog at Explore, or see today's palette.