Airy Sapphire color palette — #E3F6F6 · #8CC1F0 · #006FD6 · #004D6B · #000F4F
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Ivory (#E3F6F6): a clean, paper-quiet neutral.
- Sky (#8CC1F0): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006FD6): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#004D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#000F4F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Bloom color palette (#E6F5F4, #73C8EC, #007BAD, #00505D, #001C31)
- Sapphire Harbor color palette (#FFF3E7, #70BFFF, #3C63D6, #00545E, #32295D)
- Cornflower Quarry color palette (#F1F9E0, #9DD1FF, #218BFB, #006C93, #173061)
- Antique Iris color palette (#FFF1F5, #DADFF2, #6A93FF, #00707D, #251456)
- Timeworn Cerulean color palette (#EAF4F2, #BBE4F2, #189EB2, #006D68, #073042)
- Dusty Cerulean Cabin color palette (#D6EDEA, #3199AC, #005265, #002B2D, #000509)
- Feathered Amethyst color palette (#DDF2F8, #00999D, #822AFF, #00585A, #1B0042)
- Worn Lagoon color palette (#CDE9DD, #00A486, #006E64, #004744, #001D1E)
Browse the whole catalog at Explore, or see today's palette.