Hazy Sapphire color palette — #FFF2EA · #84C1DE · #0068DA · #00574C · #30226E
A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Sky (#84C1DE): A luminous, dusty blue — the color of open sky before noon.
- Royal Blue (#0068DA): A full-bodied, vivid blue — the color of open sky before noon.
- Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
- Royal Purple (#30226E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light.
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
- Navy Garden color palette (#FFF2EC, #70C7D4, #0076A8, #005939, #0E277B)
- Powdered Cobalt Workshop color palette (#E8F6EB, #65C9F2, #0078B7, #005156, #00183D)
- Feathered Denim Dune color palette (#FAEDE4, #76A6C0, #2A549F, #003E39, #220A51)
- Hazy Azure Canyon color palette (#FDF4E6, #80D8FD, #0094E0, #007178, #073166)
- Cerulean Meadow color palette (#FFF2EE, #B4D9BA, #008BB9, #006B3A, #163D7A)
- Softworn Iris Lagoon color palette (#F9F4EF, #C6E4DA, #7686C3, #007071, #4D3F66)
- Aged Ember Station color palette (#FFDCCB, #F65535, #0071C8, #7A1400, #002E57)
- Navy Lagoon color palette (#E7DCD1, #5B84AC, #2E2E82, #002224, #110020)
Browse the whole catalog at Explore, or see today's palette.