Cocoa Courtyard color palette — #F1F7F0 · #449A8C · #855385 · #7F3216 · #383831
A conversation between Rust and Graphite, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F1F7F0): a clean, paper-quiet neutral.
- Fern (#449A8C): A luminous, balanced teal — the color of sea glass.
- Graphite (#855385): A full-bodied, balanced pink — the color of neon signs at night.
- Rust (#7F3216): A full-bodied, balanced orange — the color of sun-warmed clay.
- Charcoal (#383831): a grounded near-black with real depth.
Feels like: Creativity, Sophistication. Tagged jewel, 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
- Terracotta Basin color palette (#EFF8F1, #5BA4B4, #76659D, #883434, #464514)
- Petrol Drift color palette (#F6F6EC, #6E9360, #5B61A3, #6F3252, #37332D)
- Hushed Garden color palette (#EBF8F8, #71B594, #9573BB, #79602E, #243939)
- Patina Cobalt color palette (#F7EFF7, #5A85C3, #69619F, #75383F, #191E0F)
- Wandering Mulberry color palette (#E4FDE9, #008190, #8F005E, #562D00, #012808)
- Timeworn Boulevard color palette (#FBF1FC, #3C76A6, #924532, #494400, #1A2F1B)
- Patina Lagoon Alley color palette (#F1F7F2, #D3DCDB, #A7ACB6, #369195, #4C554D)
- Dusty Aqua color palette (#E8F9FC, #60D3CA, #BD94C1, #AA7965, #263B34)
Browse the whole catalog at Explore, or see today's palette.