Airy Sapphire color palette — #D7E8D6 · #CD5500 · #3658FF · #1B0109 · #030002
Royal Blue and Terracotta set the tone — five colors that lean into optimism and creativity.
The five colors
- Celadon Mist (#D7E8D6): A whisper-light, dusty green — the color of a quiet forest floor.
- Terracotta (#CD5500): A full-bodied, vivid orange — the color of toasted spice.
- Royal Blue (#3658FF): A full-bodied, vivid violet — the color of wild irises.
- Ink (#1B0109): A deep, shadowed, dusty red — the color of embers at dusk.
- Black (#030002): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Optimism, Creativity, Energy, Balance. Tagged neon, dark, 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 Drift color palette (#DFF3FF, #997C00, #4853FF, #1C0208, #040003)
- Quiet Sapphire color palette (#D2E6EA, #A77400, #0071D1, #000818, #030003)
- Ancient Violet color palette (#D0E8DA, #F36800, #8472FF, #1C1741, #02040E)
- Timeworn Hollow color palette (#EBF1DD, #C39F27, #465BEB, #1F0E33, #02081B)
- Grape Canyon color palette (#D4EED9, #7F6E00, #6A00CC, #1D040D, #040002)
- Quiet Byzantium Corridor color palette (#C2EEF6, #9C7A00, #9E00ED, #120120, #040001)
- Muted Scarlet color palette (#CCE7D1, #E33200, #007F95, #000B0F, #000201)
- Amethyst Harbor color palette (#EFDCE5, #844AF4, #693300, #3F1181, #030100)
Browse the whole catalog at Explore, or see today's palette.