Sapphire Courtyard color palette — #F9ECDF · #8AB7D9 · #3863BD · #004F56 · #2B284D
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
- Sky (#8AB7D9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Royal Blue (#3863BD): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004F56): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Indigo (#2B284D): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
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
- Petrol Canyon color palette (#F7ECE6, #6EC0CD, #007298, #005140, #082E54)
- Ancient Petrol Canyon color palette (#F1E7DD, #93BEAF, #5167A8, #004B4A, #1B0A34)
- Quiet Cornflower Veranda color palette (#FAE9EF, #A1CAE8, #6381D9, #006C6A, #332352)
- Cerulean Balcony color palette (#FFF2EC, #8EDDEA, #008BB9, #006954, #204166)
- Navy Parlor color palette (#D0F5F7, #009DC5, #006399, #003E8A, #262E5A)
- Weathered Meadow color palette (#D6FAF0, #C1C4FF, #BF7DBE, #00656F, #40273B)
- Tempered Periwinkle color palette (#E6F2E8, #B8D7F3, #73A6EE, #008DA7, #1F285B)
- Washed Cerulean Pier color palette (#F7E5D9, #029EC8, #004C80, #00302D, #050742)
Browse the whole catalog at Explore, or see today's palette.