Sapphire Courtyard color palette — #B8F9FF · #00919B · #4A64DF · #2B7300 · #00383D
Built around Royal Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Sea Foam (#B8F9FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#00919B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#4A64DF): A full-bodied, vivid violet — the color of wild irises.
- Olive (#2B7300): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Teal (#00383D): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
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
- Worn Cobalt color palette (#BFF9ED, #009483, #0077C1, #5F6700, #003932)
- Hushed Alley color palette (#C9EAFF, #0086AD, #715BAF, #006C47, #052F44)
- Aged Byzantium Basin color palette (#DDEDFF, #0081E4, #9E42BA, #007067, #04315A)
- Muted Turquoise color palette (#E3FAFF, #00BCD7, #007989, #00444D, #002E36)
- Sunlit Sapphire color palette (#DBE0ED, #3C55FF, #A80094, #005E65, #131E50)
- Worn Iris color palette (#F1F5FF, #928FCF, #B47290, #3B8195, #3B4156)
- Ancient Bloom color palette (#D8EDFF, #006094, #6F00A4, #00483C, #001323)
- Sunlit Crimson Pier color palette (#BEEEFF, #00949E, #D80543, #B70907, #001C1F)
Browse the whole catalog at Explore, or see today's palette.