Cocoa Terrace color palette — #C7E3F5 · #00566E · #642600 · #001F10 · #000103

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

The five colors

• Powder Blue (#C7E3F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00566E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Rust (#642600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#001F10): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Cocoa Terrace 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

• Deep Basalt Field color palette (#D6EBF6, #00566C, #3E3F00, #001C25, #000102)
• Shadow Navy color palette (#E1F0FF, #003E6C, #490900, #00100B, #000104)
• Denim Lantern color palette (#DAE9FA, #005699, #422200, #21242B, #000A07)
• Shadow Garnet color palette (#D7F2F9, #005959, #6C004E, #1A1A00, #000102)
• Aubergine Veranda color palette (#D8DCFE, #6509AE, #4F3700, #001E1A, #01000A)
• Wandering Garnet color palette (#E5F1FA, #0084B8, #701300, #002F45, #040000)
• Mulberry Basin color palette (#F2EAFF, #A40085, #694500, #002F2E, #040002)
• Twilit Chapel color palette (#CBF1EF, #0060C0, #560051, #001105, #010009)

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