Cocoa Courtyard color palette — #FFF2EA · #F5B094 · #86C4BF · #7D9CC1 · #602D00
A conversation between Cocoa and Melon, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Melon (#F5B094): A luminous, balanced orange — the color of autumn markets.
- Mint Leaf (#86C4BF): A luminous, dusty teal — the color of glacier melt.
- Blue Fog (#7D9CC1): A luminous, dusty blue — the color of open sky before noon.
- Cocoa (#602D00): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged light, 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
- Teal Cabin color palette (#FEF3EB, #E1B089, #5FB8B8, #788BBA, #412F2E)
- Coral Drift color palette (#FFF2EC, #E39384, #73A2C0, #4D81A1, #642906)
- Worn Boulevard color palette (#FDF4E5, #EDCA95, #AAB582, #6E8FAF, #5D4300)
- Pewter Hollow color palette (#FAF4EE, #DADBD2, #A9B3AC, #5F5E6B, #4D4C41)
- Linen Marigold Hollow color palette (#FCECD2, #CDA748, #5DA9D5, #8E71BB, #342303)
- Forest Corridor color palette (#FFF3E7, #F2D8A7, #C1BC87, #86985A, #22521F)
- Weathered Amber color palette (#F9EEF4, #C78164, #389295, #3F6183, #2C1D26)
- Worn Raspberry color palette (#D5EFC0, #89CF30, #7271E8, #C137A2, #142500)
Browse the whole catalog at Explore, or see today's palette.