Gentle Courtyard color palette — #E8DED4 · #7AA6C9 · #466ECD · #005C65 · #0A0028

Sapphire and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E8DED4): a clean, paper-quiet neutral.
• Blue Fog (#7AA6C9): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#466ECD): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005C65): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#0A0028): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Gentle 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

• Dusty Bloom color palette (#F0E0D8, #5BAFBE, #007EAC, #005F4E, #00091B)
• Tempered Balcony color palette (#D1E7E6, #6898BF, #0058A3, #00384D, #000623)
• Powdered Ridge color palette (#ECDBCF, #9DCCB6, #3397EC, #007D79, #101949)
• Tempered Nightshade color palette (#F1DEE5, #507DA1, #0617AC, #001F23, #010009)
• Turquoise Pier color palette (#E1EBD8, #4FB7B0, #13A4BB, #7F6900, #001405)
• Pale Grape Villa color palette (#F0EFD8, #70A327, #763AAE, #3E6000, #0B0018)
• Hazy Lagoon color palette (#F9EBE5, #9EE0E8, #4DB2D9, #089473, #002F55)
• Worn Villa color palette (#FAF4EE, #C6E7E9, #A2BFED, #5BA6AC, #5A3D50)

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