Navy Courtyard color palette — #D5E5D8 · #5585B0 · #0E3582 · #00212B · #06002B

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

The five colors

• Bone (#D5E5D8): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5585B0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#0E3582): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#00212B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#06002B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

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

• Cerulean Corridor color palette (#E0F0E3, #428C9D, #00425A, #002221, #000A17)
• Lowlit Petrol Atelier color palette (#D4EDF4, #006A8E, #003050, #001535, #010027)
• Linen Pewter Canyon color palette (#CFE5FF, #8A88C6, #855797, #00394F, #080A2F)
• Worn Ultramarine Boulevard color palette (#F5EADE, #6F9D91, #4145B8, #003B3D, #100021)
• Worn Denim color palette (#E9F3EB, #64A8CA, #005B94, #003D43, #061C46)
• Tempered Sapphire Chapel color palette (#EFE6DA, #77A5D0, #1F67F4, #005A70, #06002B)
• Navy Hollow color palette (#E7EEFC, #3E5BB7, #040088, #150215, #02002B)
• Smoked Grove color palette (#DCE6F1, #005293, #573600, #002141, #0B0400)

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