Worn Navy Courtyard color palette — #F9ECDF · #477FA4 · #1A2D8C · #001F1E · #020008

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

The five colors

• Cream (#F9ECDF): A whisper-light, dusty gold — the color of old brass.
• Slate (#477FA4): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#1A2D8C): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#001F1E): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#020008): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Softworn Field color palette (#E4E9DC, #6085A2, #003D71, #00202D, #000720)
• Antique Lagoon Bloom color palette (#F8E5E0, #008A88, #004354, #002104, #000104)
• Tempered Quarry color palette (#E2ECE3, #65AADC, #19529E, #002A33, #00000B)
• Aqua Drift color palette (#FFEEE7, #00D5DA, #007DA1, #005625, #00193A)
• Softworn Peony Delta color palette (#DFDDEB, #CB64AF, #A54800, #002D4A, #08000C)
• Nightshade Veranda color palette (#E5F0FF, #2F1ACD, #38006A, #1D0020, #060002)
• Aubergine Atelier color palette (#EBDBFB, #550082, #103C00, #00241A, #020006)
• Velvet Byzantium color palette (#F0DDF0, #8F24A4, #46004A, #10001A, #050100)

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