Gentle Courtyard color palette — #B0FFFA · #62BFF2 · #5677BD · #553D7F · #430839

A conversation between Sky and Slate, giving this palette its sense of trust and stability.

The five colors

• Sea Foam (#B0FFFA): A whisper-light, dusty teal — the color of sea glass.
• Sky (#62BFF2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5677BD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Royal Purple (#553D7F): A full-bodied, balanced violet — the color of wild irises.
• Deep Indigo (#430839): A deep, shadowed, balanced pink — the color of neon signs at night.

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

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

• Tempered Aqua color palette (#BBFADC, #00CCCC, #167EA6, #2C4480, #300647)
• Muted Periwinkle color palette (#D5F3FF, #7DABFC, #8262AF, #69315E, #430015)
• Softworn Aubergine Delta color palette (#E6F3FF, #90B1E6, #5C70AC, #464791, #3E2C7A)
• Sunlit Aubergine color palette (#D9F9FF, #95CCF2, #698FD0, #675AA0, #5A2468)
• Hushed Turquoise color palette (#E3F8E8, #00ADD2, #715CA3, #564419, #152433)
• Hushed Grape color palette (#D4F2F8, #2D95FD, #6832D5, #540059, #2A0014)
• Weathered Petrol color palette (#EBF3F8, #D8D7E5, #C4B9CB, #537B92, #242D33)
• Powder Cabin color palette (#D9F5FF, #ABBFE2, #8E87A0, #3A6053, #283C35)

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