Cocoa Courtyard color palette — #E2F1FF · #006598 · #812C00 · #00304B · #210600

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

The five colors

• Frost (#E2F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006598): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#812C00): A full-bodied, balanced orange — the color of toasted spice.
• Deep Teal (#00304B): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#210600): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Balance. Tagged warm.

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

• Ancient Dune color palette (#C7EBF9, #006C76, #90002D, #003339, #260006)
• Frosted Navy color palette (#E0EAFF, #434DC3, #694200, #1D0087, #190C00)
• Antique Fern Basin color palette (#E0F1E8, #006582, #335400, #002F3E, #010400)
• Tempered Parlor color palette (#D7DFEB, #00489B, #7D0403, #402C00, #000719)
• Rust Bloom color palette (#D1E6DE, #2DAAF2, #B54400, #00699C, #200600)
• Gentle Cobalt Harbor color palette (#CFE8FF, #008CD5, #976400, #005381, #412800)
• Plum Loft color palette (#D9EEFF, #007FBC, #AE0093, #004A70, #21001B)
• Tempered Bloom color palette (#DAEEFF, #007CC4, #003560, #001023, #00030C)

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