Cocoa Courtyard color palette — #C8F8FF · #FFD0C5 · #C9CEE0 · #622902 · #21150E

Rust takes the lead with Shell Pink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Frost (#C8F8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Shell Pink (#FFD0C5): A whisper-light, dusty orange — the color of toasted spice.
• Lilac Frost (#C9CEE0): A whisper-light, dusty violet — the color of wild irises.
• Rust (#622902): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#21150E): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged neon, dark, vibrant, 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

• Dusty Harbor color palette (#C2FFDA, #FFCBE8, #BCDFF0, #4A3233, #211313)
• Cocoa Courtyard color palette (#FFE9E1, #D5DBE7, #C0B2AE, #6E360B, #302925)
• Ancient Sand color palette (#FBEDFF, #AAEEFF, #FFC286, #462907, #180A00)
• Muted Thicket color palette (#FEF2ED, #F1E7AE, #9C675A, #5D2600, #180C07)
• Apricot Villa color palette (#FAE5F9, #E2B500, #FF8356, #3D2413, #1D120C)
• Tempered Meadow color palette (#D5EFFF, #3BF8C1, #EC7875, #4F313A, #2E272D)
• Dusty Coast color palette (#C0EADD, #ADE460, #FFB572, #775361, #33292D)
• Chalky Seafoam Loft color palette (#EBE1F4, #00E9DF, #FF98A5, #3A0512, #0C0100)

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