Cocoa Basin color palette — #FBDFEA · #AF9166 · #85582E · #6A3218 · #1C3726

Built around Rust, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Rose Water (#FBDFEA): A whisper-light, dusty rose — the color of strawberry cream.
• Caramel (#AF9166): A luminous, dusty gold — the color of old brass.
• Coffee (#85582E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#6A3218): A deep, shadowed, balanced orange — the color of autumn markets.
• Deep Forest (#1C3726): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Muted Parlor color palette (#D8EEE1, #959C6D, #70641B, #593F00, #063930)
• Timeworn Thicket color palette (#F2D9E2, #AA9766, #945100, #632A25, #031D15)
• Worn Bronze Field color palette (#F7E4D3, #C1AC78, #B26E2E, #854640, #32302A)
• Aged Studio color palette (#D6E5D5, #8B7333, #603D00, #401D00, #1A1700)
• Worn Pewter color palette (#FDF2F7, #CCAFBA, #987488, #72516B, #3E4C3F)
• Hushed Dune color palette (#DEF3F6, #B19865, #004F41, #002921, #01111C)
• Hazy Garnet Basin color palette (#D8F5FA, #008276, #89447B, #7B1F00, #002C33)
• Twilit Bloom color palette (#EEDFE5, #7A4F00, #442100, #240600, #050300)

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