Sapphire Courtyard color palette — #B8E9E8 · #00975D · #1669C2 · #005834 · #002854

Royal Blue and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Sea Foam (#B8E9E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#00975D): A full-bodied, balanced teal — the color of sea glass.
• Royal Blue (#1669C2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#005834): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#002854): A deep, shadowed, balanced blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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

• Cypress Villa color palette (#DBF6EA, #007E5E, #00678E, #574E00, #002527)
• Frosted Olive Pier color palette (#C7E7D8, #868400, #007884, #4D4C00, #002F35)
• Amethyst Ridge color palette (#C5E4F0, #008F9B, #8046BF, #00535B, #331751)
• Wandering Villa color palette (#CBE4E6, #006C72, #5E14AA, #003437, #160031)
• Linen Field color palette (#9AF8DB, #00AB86, #00654F, #003225, #001C13)
• Washed Cypress Canyon color palette (#BDE7EB, #008067, #775100, #004435, #261700)
• Seafoam Loft color palette (#CFF4F7, #47DECF, #2FA8B0, #266546, #0E3D44)
• Turquoise Chapel color palette (#EAF8FF, #67BED4, #92A065, #337E90, #2F564A)

Browse the whole catalog at Explore, or see today's palette.