Airy Sapphire color palette — #EEF5E4 · #88C1F8 · #006CE1 · #004D6C · #03114B
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Cream (#EEF5E4): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#88C1F8): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#006CE1): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Peacock (#004D6C): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#03114B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, 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
- Antique Cobalt color palette (#EFF5E0, #6EC7F2, #0079B2, #004F5F, #001B33)
- Hushed Sapphire color palette (#E9FCE6, #75BEFF, #3C5BE8, #00545F, #342466)
- Aged Hollow color palette (#E1FBFB, #A0D0FF, #3C8AF5, #006B97, #1D3060)
- Cerulean Boulevard color palette (#E9EAE0, #1C8797, #004352, #001F20, #000203)
- Softworn Field color palette (#F0F0E7, #59ACAB, #00646B, #003A33, #000D11)
- Soft Veranda color palette (#FADCE5, #AB53EC, #008090, #6C00A2, #001A1E)
- Quiet Meadow color palette (#EAE7FF, #9F56FF, #8300D2, #52006F, #2C0035)
- Blush Bloom color palette (#FFECEF, #FFB1E1, #FF6EA3, #7E3E9D, #2E0C28)
Browse the whole catalog at Explore, or see today's palette.