Cocoa Courtyard color palette — #D3E5E7 · #006C76 · #7B3300 · #003339 · #1F0700

Rust and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D3E5E7): bright and airy, almost weightless.
• Teal (#006C76): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7B3300): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#003339): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#1F0700): A deep, shadowed, dusty orange — the color of toasted spice.

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

Use it as a design system

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

• Gentle Boulevard color palette (#CCE3E7, #006C77, #8E003B, #003339, #25000A)
• Ancient Denim color palette (#D9EEE8, #0062A3, #6B4100, #002E51, #1A0C00)
• Timeworn Cocoa color palette (#D1E2E8, #005669, #6B2900, #3C2600, #00090E)
• Hazy Brick color palette (#D8F1E1, #00869D, #B42F00, #004E5D, #230400)
• Aubergine Cabin color palette (#FEE8F1, #7E4CC5, #615C00, #4A0088, #1D1C00)
• Washed Bronze Loft color palette (#F0DEC9, #766800, #4F3000, #380900, #070E00)
• Navy Corridor color palette (#F3DBEC, #414FC1, #674300, #1B0088, #180D00)
• Sunlit Canyon color palette (#C5F1DA, #0092B9, #B05000, #00576F, #4C1F00)

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