Sapphire Courtyard color palette — #D3E4E1 · #22B2CD · #3A6EE3 · #014C0E · #001B1C
Sapphire takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Silver (#D3E4E1): a clean, paper-quiet neutral.
- Cyan (#22B2CD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#3A6EE3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#014C0E): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001B1C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.
Use it as a design system
One click turns Sapphire Courtyard 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
- Sunlit Indigo Cabin color palette (#CAE8F2, #33B4ED, #7473DF, #004838, #002029)
- Airy Lantern color palette (#D9F9DF, #1EC3B4, #0082AC, #3A4200, #001B14)
- Chalky Grape Pier color palette (#D3F0FE, #649DE6, #7944BC, #003A2F, #000D18)
- Aged Aqua color palette (#CCE4EC, #00C9E7, #009BCA, #007066, #00191D)
- Muted Periwinkle color palette (#D6EED5, #60CAE8, #61A6EE, #00926C, #00181B)
- Airy Iris Alley color palette (#E5F9FF, #94DBFF, #8F92FF, #007B4D, #003A46)
- Washed Aubergine color palette (#DCEDF9, #007396, #580053, #002B3B, #050004)
- Softworn Peony Meadow color palette (#CBE0FF, #BCA6E8, #C251A6, #00586C, #18203C)
Browse the whole catalog at Explore, or see today's palette.