Timeworn Cobalt Courtyard color palette — #E9F6EB · #7BB6C8 · #5C79A9 · #774037 · #1B2E3C

Slate and Coffee set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Cyan (#7BB6C8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#5C79A9): A full-bodied, balanced violet — the color of a velvet chair.
• Coffee (#774037): A full-bodied, dusty orange — the color of autumn markets.
• Midnight (#1B2E3C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Timeworn Cobalt 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

• Hushed Lantern color palette (#E9F6EB, #97AADB, #836E98, #6D4A00, #252B3E)
• Aged Cobalt color palette (#FFF3E5, #60B9B4, #5A74B6, #72532A, #384D41)
• Ash Boulevard color palette (#E4F5FF, #BCCDE1, #8D93B2, #755A69, #2B422E)
• Patina Petrol color palette (#EAF5F1, #ACCBC7, #5E8C8D, #3A6976, #1E3633)
• Worn Harbor color palette (#DDFBE3, #3299DC, #5649C5, #632D00, #001A41)
• Worn Cerulean Lantern color palette (#E6EFF6, #5089B2, #303C4F, #10202D, #070D11)
• Washed Bronze color palette (#E8FBEE, #B5EAD7, #79A7D1, #857122, #27444D)
• Softworn Boulevard color palette (#E7F4FD, #BFD5F4, #80CFFF, #969BE4, #172F44)

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