Cocoa Coast color palette — #FFF2E9 · #DEDECB · #ACB9D1 · #BB9184 · #684400

Bronze and Taupe set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DEDECB): A whisper-light, dusty green — the color of fresh herbs.
• Ash (#ACB9D1): A luminous, dusty violet — the color of twilight just after sunset.
• Taupe (#BB9184): A luminous, dusty orange — the color of toasted spice.
• Bronze (#684400): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

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

• Worn Bronze color palette (#FFF2EA, #DCC7B0, #B29580, #A36048, #5D4200)
• Softworn Fern Grove color palette (#FDF6D9, #C8EDD0, #A0D7F1, #A78D66, #484D00)
• Antique Taupe Parlor color palette (#FFF1F6, #C7E0E4, #A0D1CA, #BA8367, #5C454D)
• Hushed Lichen Studio color palette (#FEF1F7, #EAFECB, #C0F0FA, #D3B0D0, #485448)
• Bronze Drift color palette (#FAF5EA, #E6CDA9, #987833, #634800, #302B21)
• Weathered Taupe color palette (#FCF4E5, #BDAA65, #9C93C8, #7B72A2, #403D36)
• Misty Garnet color palette (#FFE9D8, #ADA770, #54965A, #8A231A, #181000)
• Washed Teal color palette (#EEE9D9, #A4C89C, #33BAB4, #865A00, #1F2800)

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