Cocoa Canyon color palette — #CFEBEF · #006F61 · #743A00 · #00352E · #1D0A00

Built around Bronze, softened by Teal — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#CFEBEF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#006F61): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#743A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Forest (#00352E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#1D0A00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Pale Orchard color palette (#D0F2F7, #006F5F, #910021, #00352D, #260003)
• Dusty Denim Hollow color palette (#D6E8F8, #00649E, #763800, #002F4E, #1D0900)
• Hushed Cocoa Grove color palette (#DFF5F2, #005954, #633100, #352A00, #000A09)
• Frosted Nightshade color palette (#D4E1F8, #4D5BD9, #576000, #2500A8, #1A1D00)
• Ancient Aubergine Cabin color palette (#CFECF1, #006E63, #710098, #00352E, #1C0028)
• Wandering Bronze color palette (#F7DDE6, #7E6400, #542D00, #3C0101, #090D00)
• Feathered Brick Balcony color palette (#CBF8FE, #008794, #C0002C, #004F57, #260003)
• Inked Petrol color palette (#D3EBF2, #007B9E, #003A48, #00151A, #000407)

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