Sunlit Cocoa color palette — #D2F3EE · #3DA789 · #00686A · #742500 · #00372A

Rust and Jade set the tone — five colors that lean into optimism and calm.

The five colors

• Honeydew (#D2F3EE): A whisper-light, dusty teal — the color of sea glass.
• Jade (#3DA789): A luminous, balanced teal — the color of sea glass.
• Peacock (#00686A): A full-bodied, dusty teal — the color of sea glass.
• Rust (#742500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00372A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

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

• Frosted Garnet Orchard color palette (#DBF2E6, #779F62, #006C47, #741E3A, #173700)
• Hushed Cypress color palette (#E9FAF3, #71A7A2, #04745F, #465118, #0F3D3B)
• Wandering Jade color palette (#E3E8CF, #3FAC79, #006C52, #414100, #001C0E)
• Soft Fern Atelier color palette (#D9F3DD, #949936, #286C00, #573E00, #2F3100)
• Antique Lagoon color palette (#D3F2EA, #3C8C65, #00504A, #1F3600, #002112)
• Wandering Parlor color palette (#FEF1F6, #9CB7A4, #6F794C, #2F6365, #304939)
• Mint Harbor color palette (#D6F2EF, #53C48C, #008C6B, #5F5F00, #023821)
• Byzantium Terrace color palette (#D6EBE1, #008562, #A306A1, #95005C, #002C1E)

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