Sapphire Courtyard color palette — #FFF4E2 · #75C0F9 · #0066DF · #005364 · #21286F

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#75C0F9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#0066DF): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005364): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#21286F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, vibrant.

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

• Worn Petrol color palette (#FFF4E2, #7CC3DF, #0075AD, #005559, #073262)
• Gentle Boulevard color palette (#FFEFDE, #79C4F9, #4A67D3, #005250, #210741)
• Cornflower Study color palette (#FFF1F6, #96D2FF, #6583F1, #007271, #3B2261)
• Tempered Ultramarine color palette (#EEE8DD, #75A3D1, #284FAD, #003B4C, #191A40)
• Periwinkle Atelier color palette (#DFFCFB, #B8DFFF, #65AFFF, #0090BF, #032D71)
• Quiet Drift color palette (#F7E0C9, #BA7100, #0077B4, #704200, #00314E)
• Cerulean Studio color palette (#EDE4D6, #469DAD, #005169, #00302C, #001626)
• Cerulean Dune color palette (#F8F5EF, #CAE4CD, #009AB4, #00735F, #295141)

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