Sapphire Courtyard color palette — #E1F3F3 · #00946E · #2F66E2 · #006449 · #000221
Royal Blue and Fern set the tone — five colors that lean into creativity and calm.
The five colors
- Cream (#E1F3F3): a clean, paper-quiet neutral.
- Fern (#00946E): A full-bodied, balanced teal — the color of glacier melt.
- Royal Blue (#2F66E2): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#006449): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000221): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Energy, 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
- Emerald Ridge color palette (#CDF9F5, #009747, #0075BF, #00662E, #000611)
- Petrol Boulevard color palette (#C8E6DC, #008268, #006E9F, #605B00, #000201)
- Gentle Summit color palette (#D9E7D3, #1079F6, #008793, #001D21, #000203)
- Hushed Station color palette (#D4F7FD, #56B0CB, #3E93C9, #007A58, #001512)
- Olive Workshop color palette (#D4F2FF, #008EA0, #737700, #005F6C, #060600)
- Wandering Teal color palette (#C7EBE0, #00A78B, #007664, #003F36, #000202)
- Weathered Drift color palette (#D0EAF5, #00AFC8, #B165E5, #007F91, #2A0040)
- Muted Moss Pier color palette (#CCE8F0, #6F953E, #005454, #001A1A, #000203)
Browse the whole catalog at Explore, or see today's palette.