Cocoa Courtyard color palette — #CDE4F5 · #006597 · #7B3200 · #00304B · #1F0700

Built around Rust, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#CDE4F5): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006597): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7B3200): A full-bodied, balanced orange — the color of autumn markets.
• Deep Teal (#00304B): 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, Balance. 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

• Garnet Courtyard color palette (#D2EEEC, #006E69, #872200, #003432, #230400)
• Shadow Meadow color palette (#E9DAE7, #0045B7, #4B3D00, #001A52, #080500)
• Worn Denim color palette (#D1E8F3, #00556E, #573A00, #2E2D00, #00090F)
• Softworn Veranda color palette (#D6EAFC, #006191, #7E006C, #002D46, #080006)
• Rust Studio color palette (#D3E6F7, #2EAAF1, #B74100, #00699B, #210600)
• Frosted Cornflower color palette (#D5E6FF, #4292FF, #AE5200, #003D87, #4B2000)
• Hazy Cabin color palette (#EFE1EB, #3728FB, #644500, #180089, #170D00)
• Tempered Balcony color palette (#D0F9E9, #0081B6, #AA0B98, #004B6C, #21001C)

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