Airy Sapphire color palette — #F2F8E7 · #84BCF8 · #0064E5 · #005074 · #192B6D
A conversation between Royal Blue and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F8E7): A whisper-light, dusty green — the color of a quiet forest floor.
- Sky (#84BCF8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0064E5): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#005074): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#192B6D): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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
- Faded Petrol Pier color palette (#F3F7E8, #6DC3EE, #0075AE, #005365, #00345D)
- Ancient Sapphire Drift color palette (#FDEFE0, #83C1FB, #425EEE, #00505B, #1C0C40)
- Softworn Lilac color palette (#EEF3FF, #CED0FF, #B289FF, #0061B8, #343765)
- Hushed Villa color palette (#FFF1F5, #A0D0FF, #6682F1, #007080, #35275E)
- Quiet Azure Archive color palette (#CCEBFD, #00A1EC, #0067A5, #003E75, #2F1360)
- Byzantium Market color palette (#E4EEFF, #0863F2, #A200A7, #005F5F, #062150)
- Chalky Cobalt Veranda color palette (#C1F1E3, #0089E0, #00873C, #005188, #003915)
- Tempered Orchard color palette (#FEF3E7, #BBDEFF, #93A2FF, #00979C, #411C63)
Browse the whole catalog at Explore, or see today's palette.