Airy Sapphire color palette — #E7F9F9 · #13B976 · #0A73DD · #7C1F0F · #000C0C

Built around Royal Blue, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Ivory (#E7F9F9): a clean, paper-quiet neutral.
• Jade (#13B976): A luminous, balanced teal — the color of shallow lagoons.
• Royal Blue (#0A73DD): A full-bodied, vivid blue — the color of open sky before noon.
• Rust (#7C1F0F): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000C0C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Airy 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 Cobalt Market color palette (#E3FCF4, #7F9E30, #006FC2, #832F1D, #000F0A)
• Indigo Workshop color palette (#E5FAFD, #2CC3AA, #7A74DE, #8A461A, #021C1F)
• Patina Amethyst color palette (#E7F9FC, #00AA95, #8041CE, #603C00, #001215)
• Tempered Indigo color palette (#E4FBF3, #9DB43D, #6862D3, #6A3E00, #2A1600)
• Hazy Mint Pier color palette (#FFF0FD, #7FCC85, #008CAC, #853131, #00272B)
• Weathered Clover Harbor color palette (#F2F8E2, #00C273, #977DEF, #9D5668, #241A03)
• Patina Lagoon Coast color palette (#E4FAFF, #009E9A, #19384F, #001317, #000201)
• Gentle Navy color palette (#E2FBFE, #00A18C, #00816F, #413781, #000E04)

Browse the whole catalog at Explore, or see today's palette.