Sapphire Courtyard color palette — #FFF4E2 · #00B4D7 · #2C68BF · #6C241E · #00170F

Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Cyan (#00B4D7): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2C68BF): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#6C241E): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Balance. Tagged retro.

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

• Teal Basin color palette (#FFF4DE, #00BAAD, #007697, #6E1941, #001805)
• Tempered Sky Station color palette (#FFF4E2, #3CC6FC, #627AC2, #773F2C, #062820)
• Pale Workshop color palette (#FFF4DE, #49A7FF, #6D52C4, #5F3200, #1F071D)
• Powdered Grape color palette (#E0FDEE, #00A1CB, #7E41A8, #6B1100, #0C0E00)
• Nightshade Orchard color palette (#FFECC5, #0093D8, #4740AF, #481D00, #00040F)
• Feathered Archive color palette (#F3D9BF, #00C0D0, #5F86D3, #905700, #002837)
• Tempered Navy Parlor color palette (#CFE7D3, #008A8C, #004A94, #3A2900, #001117)
• Airy Aubergine Archive color palette (#ECD5F3, #007FBA, #1E4896, #590051, #002544)

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