Aqua Courtyard color palette — #F9F3F9 · #D2D5E5 · #5BCBEF · #618F65 · #2F4154

Sky and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#D2D5E5): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#5BCBEF): A luminous, balanced blue — the color of deep harbor water.
• Fern (#618F65): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#2F4154): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Aqua 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 Olive color palette (#FCF1FE, #CAE0F7, #00C2E5, #418A33, #00385C)
• Ancient Lagoon Studio color palette (#FBF2F5, #D9D4DE, #A5B8F6, #2C9393, #3A3D56)
• Weathered Balcony color palette (#FAF4EC, #BDEFE1, #6DCEDF, #6EA592, #324F41)
• Antique Cerulean Quarry color palette (#EAF5F2, #BBE4F0, #479CA4, #146D61, #0A313F)
• Soft Mint color palette (#F3F4FF, #C8A8FB, #13C79B, #42A68C, #27293E)
• Taupe Chapel color palette (#E7FBF0, #B7E9DE, #A6A15C, #84643D, #1C3737)
• Petrol Balcony color palette (#F8E9F5, #6AC7D2, #00709B, #004026, #000112)
• Dusty Delta color palette (#FFF0FA, #D5D9F5, #16A1F9, #007559, #16195A)

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