Cocoa Veranda color palette — #EDF7FE · #61A1C3 · #86618A · #80400C · #164C47

A conversation between Bronze and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Blue Fog (#61A1C3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#86618A): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#80400C): A full-bodied, balanced gold — the color of old brass.
• Forest (#164C47): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Softworn Mulberry color palette (#E9F9FC, #5DA79E, #606CA2, #81374F, #294B35)
• Aged Meadow color palette (#F1F5FE, #8F92C9, #9C5B61, #5A5600, #174957)
• Hushed Terrace color palette (#ECF7FF, #B6C2D5, #9195AF, #856474, #415446)
• Pewter Courtyard color palette (#E5F5F7, #65AD94, #945A8E, #445224, #052F25)
• Driftwood Garden color palette (#F1F7F0, #65C3C1, #BC757E, #766931, #45423B)
• Lagoon Boulevard color palette (#EDF8F5, #A8C8C6, #598E7A, #4B6C77, #345452)
• Timeworn Thicket color palette (#F1F7F2, #D5DEEF, #70A0BB, #007F7D, #425568)
• Tempered Denim color palette (#EBF5FF, #9AB4DD, #6E7FC0, #62559A, #4D4F6F)

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