Cocoa Courtyard color palette — #FBF4EC · #C6E0CD · #B2B185 · #997C8B · #564400

Built around Deep Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF4EC): a clean, paper-quiet neutral.
• Celadon Mist (#C6E0CD): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#B2B185): A luminous, dusty green — the color of a quiet forest floor.
• Heather (#997C8B): A luminous, dusty rose — the color of a warm blush.
• Deep Olive (#564400): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Wandering Stone Station color palette (#EEF8F2, #C0E9D6, #AFBD84, #A792A7, #40524A)
• Ancient Atelier color palette (#F6F6EC, #C1EBD0, #57AFA9, #946583, #2D4000)
• Tempered Station color palette (#EEF8EE, #C6C495, #748962, #606579, #3F5249)
• Tempered Rust color palette (#FFF1F2, #F1D3D2, #E8959E, #B8625C, #554E49)
• Cocoa Studio color palette (#FFF2EE, #E0DCCE, #D5A6C3, #9BB9B2, #7D431E)
• Jade Market color palette (#FAF4F0, #C4DEE1, #A2C6E9, #5EA37D, #34554A)
• Timeworn Bronze Thicket color palette (#FFF2EC, #DFD8CD, #E09D8E, #9F5342, #421913)
• Powdered Fern color palette (#ECDFCC, #919347, #285C00, #4F003E, #010100)

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