Misty Sapphire Pier color palette — #F0F5FF · #8AB2FF · #B29C06 · #0E54F2 · #241E00
Built around Royal Blue, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Sky (#8AB2FF): A luminous, balanced violet — the color of wild irises.
- Mustard (#B29C06): A luminous, balanced green — the color of new leaves after rain.
- Royal Blue (#0E54F2): A full-bodied, vivid violet — the color of wild irises.
- Onyx (#241E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Misty Sapphire Pier 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
- Gentle Amethyst color palette (#F2F5FF, #ADA5FF, #AC9E06, #6D25FA, #231F00)
- Sapphire Chapel color palette (#EFF6FF, #7FB4FF, #EA7805, #0063D3, #331500)
- Weathered Violet color palette (#F3F4FF, #D8B6FF, #B5B907, #9757D2, #303100)
- Cornflower Archive color palette (#FAD8F6, #8FB4FF, #00C494, #477EFF, #003727)
- Airy Grape color palette (#F4F4FF, #D09FFF, #3EA63C, #7A29B1, #021F02)
- Hazy Ultramarine color palette (#F7DBEF, #6171FF, #966500, #350DD9, #402800)
- Frosted Iris color palette (#F3F4FF, #848BFF, #AA8400, #7E7500, #0E0041)
- Ultramarine Cabin color palette (#E6F0FF, #477BFF, #008664, #070CE0, #001C12)
Browse the whole catalog at Explore, or see today's palette.