Cocoa Delta color palette — #F9E9F1 · #E7C5D3 · #96AE93 · #7C3600 · #060103

Rust and Sage set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F9E9F1): A whisper-light, dusty rose — the color of pressed rose petals.
• Oat (#E7C5D3): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#96AE93): A luminous, dusty green — the color of a quiet forest floor.
• Rust (#7C3600): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#060103): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Cocoa color palette (#E7F1E8, #BDD8C5, #8BB09C, #654700, #000401)
• Garnet Archive color palette (#F4EAF4, #E2C6DC, #BC9AB0, #892130, #050105)
• Dusty Cocoa Basin color palette (#E7DFDA, #AA9D90, #9A7533, #5C2100, #0A0200)
• Hushed Garnet color palette (#E6DFE4, #A0AEA0, #62897A, #641A00, #1D0E18)
• Hushed Rust color palette (#F0E6EC, #BCABA9, #86A7A1, #AE5426, #1D0E17)
• Aged Cabin color palette (#EAF9F5, #C5DFE5, #9CC4C0, #506A20, #00110C)
• Timeworn Moss color palette (#C6EBD7, #8F961A, #435600, #412200, #010100)
• Dusty Orchard color palette (#F5E8D4, #AB8900, #646730, #00382E, #001313)

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