Sapphire Courtyard color palette — #C8E6D8 · #868400 · #3552F0 · #4D4C00 · #152359
A conversation between Royal Blue and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#C8E6D8): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#868400): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Blue (#3552F0): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#4D4C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Indigo (#152359): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Powdered Grape color palette (#C6E6DC, #7B9C21, #6228D3, #3E5100, #2A1C55)
- Lapis Terrace color palette (#F5EBD3, #927F00, #5959CB, #524600, #0D0639)
- Quiet Lapis color palette (#F5D3E1, #B96700, #6344E6, #6D3A00, #251F54)
- Misty Balcony color palette (#C6E7D4, #C0AA28, #6468CE, #726300, #212251)
- Linen Bronze color palette (#D1E4D1, #A97200, #0072A5, #634100, #002C43)
- Weathered Byzantium color palette (#E2F4E7, #BB9927, #8D3DB9, #6A5400, #402B4E)
- Grape Thicket color palette (#C5E7DB, #839921, #8C2299, #425000, #401046)
- Feathered Corridor color palette (#E9DDC3, #DDC24B, #877CE8, #988100, #271A5C)
Browse the whole catalog at Explore, or see today's palette.