Hazy Sapphire color palette — #DCF6E3 · #BF9B22 · #4162D1 · #5F4B00 · #01002A
A conversation between Royal Blue and Mustard, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCF6E3): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#BF9B22): A luminous, balanced green — the color of a quiet forest floor.
- Royal Blue (#4162D1): A full-bodied, vivid violet — the color of wild irises.
- Bronze (#5F4B00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#01002A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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
- Ancient Amethyst Courtyard color palette (#CDFAEB, #8EAE2F, #7E49CA, #435600, #0C001F)
- Amber Hollow color palette (#FFE6F0, #E58422, #0075AA, #743D00, #000812)
- Patina Balcony color palette (#D0E8DE, #8D931F, #632EC5, #3C4000, #020008)
- Feathered Chapel color palette (#E4F2E3, #E69F2C, #7F5CE9, #986400, #1E034B)
- Ultramarine Alley color palette (#EFE2C6, #7D6A00, #1746CB, #403600, #000129)
- Pale Mulberry color palette (#EDE2AF, #8D7A00, #00778F, #920079, #020200)
- Dusty Orchid Lagoon color palette (#D8FFF3, #AAD247, #AF6DF9, #546E00, #2B004D)
- Softworn Atelier color palette (#D5EDDB, #A29D5E, #765C00, #472B00, #030400)
Browse the whole catalog at Explore, or see today's palette.