Navy Courtyard color palette — #FFF0FC · #86DAEB · #0095DC · #007653 · #17257C

A conversation between Navy and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Ice Blue (#86DAEB): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#0095DC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007653): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#17257C): 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 Navy 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

• Sunlit Cornflower color palette (#FEF1F6, #96D3FB, #5B85F4, #00736E, #391F69)
• Patina Market color palette (#FBF2FA, #BCDAE6, #579FC6, #04804F, #253961)
• Cobalt Veranda color palette (#EEDFE9, #85BBCA, #007ABF, #005B44, #111156)
• Ancient Aqua color palette (#FFF4E2, #59CADC, #00799A, #00564F, #003754)
• Misty Sky color palette (#EBFAED, #80ECFF, #00BCEC, #00998D, #003754)
• Coral Corridor color palette (#EFF5FF, #EAC4FD, #FF9286, #0088A9, #3D2C5F)
• Powdered Violet color palette (#E9E8FF, #8B70FC, #9A7D00, #5B721F, #251553)
• Lagoon Boulevard color palette (#F9F3F7, #D7E0EF, #8FB5DC, #4A9782, #48526B)

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