Misty Sapphire color palette — #F0DEED · #386FFF · #007B2F · #00524E · #000306
Sapphire takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F0DEED): A whisper-light, dusty pink — the color of peonies in June.
- Sapphire (#386FFF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Olive (#007B2F): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00524E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000306): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Sunlit Indigo Canyon color palette (#FFE7F4, #7356FF, #007052, #00535B, #000207)
- Powdered Byzantium Lagoon color palette (#D6F3EA, #0079D3, #97179E, #005742, #000301)
- Softworn Indigo color palette (#F2E4EE, #6662FF, #B00069, #005355, #000302)
- Cellar Ultramarine color palette (#ECDFE9, #2F19F7, #423F00, #002E16, #000300)
- Faded Delta color palette (#FFE6F2, #A88DFF, #E82967, #007683, #041633)
- Hushed Rose Alley color palette (#F0DAD5, #F31269, #916C00, #514195, #150002)
- Washed Byzantium color palette (#EFDEE2, #BD00EE, #B71F00, #004C6F, #02000D)
- Magenta Grove color palette (#FFE0E2, #EB3FE2, #D4691F, #0059A9, #220715)
Browse the whole catalog at Explore, or see today's palette.