Cocoa Study color palette — #FFF2EB · #5BCDB7 · #3687B3 · #83351A · #002729

Built around Rust, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Aqua (#5BCDB7): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#3687B3): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#83351A): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#002729): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Timeworn Mint color palette (#FFF2EB, #77CD89, #008E9D, #7C354E, #00291E)
• Washed Cobalt Summit color palette (#FFF3E3, #47CBDB, #5A7BC6, #6B4A00, #00291B)
• Frosted Violet color palette (#EFF9E7, #35BF9C, #8262BA, #6A3E00, #271800)
• Hazy Indigo color palette (#FFF4E0, #00BDE4, #5C59E9, #584300, #001A2D)
• Lagoon Bloom color palette (#FDE7F4, #009C83, #006289, #6C2800, #12363F)
• Bronze Ridge color palette (#EDFBDE, #BCDAC4, #A68DA4, #94622B, #403D36)
• Soft Violet color palette (#DAF5F3, #63CCDC, #0CA5DA, #845DB7, #003742)
• Denim Orchard color palette (#FFEAD9, #009F96, #005890, #461E00, #000506)

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