Sapphire Courtyard color palette — #F1E7E0 · #8FC0AC · #3766C1 · #004C46 · #170D34
Built around Royal Blue, softened by Deep Indigo — the whole palette hums with creativity and calm.
The five colors
- Parchment (#F1E7E0): a clean, paper-quiet neutral.
- Mint Leaf (#8FC0AC): A luminous, dusty teal — the color of sea glass.
- Royal Blue (#3766C1): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#170D34): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Timeworn Petrol Courtyard color palette (#F5E5E0, #7AC1C6, #00759B, #004F28, #001337)
- Sapphire Parlor color palette (#FDEFE4, #6DC8EF, #006DDE, #005348, #180B46)
- Cornflower Study color palette (#FBE9F0, #8BCFF0, #4A84E0, #006D62, #2C2652)
- Timeworn Denim color palette (#F4E3D9, #5395A7, #004C7E, #002D21, #02001C)
- Feathered Plum Coast color palette (#D4E6D0, #009389, #B9187E, #00524C, #270017)
- Lagoon Boulevard color palette (#A6F2EF, #00A4A6, #006564, #002C27, #000506)
- Weathered Quarry color palette (#F6F1EC, #C3E8EA, #819BD7, #357774, #432F39)
- Soft Emerald color palette (#ECF1DD, #22A13A, #006A58, #003F3F, #001C25)
Browse the whole catalog at Explore, or see today's palette.