Canoa Help Docs & Support
Go to AppContact Support
  • Getting Started
    • What is Canoa?
    • Navigating our Platform and Features
      • Features
    • Quick Start Guide
    • Keyboard Shortcuts
    • Begin with a Template
    • Arranging your Canvas Dashboard
  • Collect
    • How to create a furniture & accessories presentation
    • How to add Links into Canvas
    • How to add an Inspiration Image
      • Copy-Paste from Canvas to Canvas
      • Copy-Paste from Pinterest to Canvas
      • Copy-Paste from Miro to Canvas
      • Copy-Paste from your desktop to Canvas
    • How to start a Canvas from a Drawing
    • How to start a Canvas from Public Catalogs
    • How to add a Product from the Public Catalogs
    • How to search for Products
    • How to create Custom Products
    • How to use Canoa AI
    • Understanding and using Products
    • How to format data with CanoaGPT
    • My Catalog
      • Working in Table view
        • Navigating the Table view
        • How to import your product data
          • How to import 2D vector data (drawings)
            • Best practices for uploading vector data
          • Best Practices for Data Formatting
        • How to edit your product data
    • Integrations & Compatibility
      • Working with Pinterest
      • Working with CET
      • Working with Designer Pages
      • Working with Material Bank
      • Working with Spec
  • Design
    • How to create collages & vignettes for your presentations
    • How to duplicate Images
    • How to add Text
    • How to add Custom Colors
    • How to use the Drawing Tools
    • How to Import and Scale floor plans
    • How to Use the Walls Tool
    • How to draw an Area
    • How to Use the Markup Tool
    • How to Use the Dimension Tool
    • How to use Frames
    • How to organize your Canvas with Frames
    • How to create a Product List
    • How to use the Product Side Panel
    • How to adjust your Product Card view
    • How to use Dashboards
      • Creating a Dashboard
      • Editing the Dashboard settings
      • How to use Areas in a Dashboard and Product List
    • How to design with second life products
    • How to design with generic products
  • Share
    • How to share your Canvas
    • How to invite team members to collaborate
    • How to provide Comments
    • How to use Presentation Mode
    • How to download a Product List
      • How to export a SIF file from Canvas
        • Customizing SIF Export Field Mappings
      • How to bring your Product List data into Microsoft Excel
      • How to bring your Product List data into Google Sheets
      • How to bring your Product List data into Airtable
      • How to bring your Product List data into AutoCAD
      • How to bring your Product List into your Revit model
    • How to export data from a Dashboard
    • How to export or print your Canvas
      • How to export or print your Canvas with Frames
    • How to embed a Canvas
      • How to embed a Canvas into Notion
      • How to embed a Canvas into Squarespace
      • How to embed a Canvas into Webflow
    • How to share products from My Catalog (Gallery)
    • How to share custom products from My Catalog (Table)
    • How to export your product data from My Catalog
      • How to export a SIF file from My Catalog/Table View
  • Choose a Plan
    • Studio (Free)
    • Brands (Free)
    • Enterprise
  • Support
    • Managing your account
      • How to create an account
      • How to edit your account settings
      • How to add and remove users from your account
      • How to set an email domain to your account
      • How to switch between accounts
      • How to edit and view billing information
    • FAQs
      • Does Canoa work on mobile?
      • How does the carbon estimator work?
    • 🛶Canoa University
      • 🪢Implementing your Onboarding Program
        • 💻Accessing your Canoa Account
      • 🗃️Collect: Inspiration & Custom Products
      • 🎨Design: Mood Boards & Presentations
      • 📐Design: Space Planning in Canvas
      • 🏗️Products Lists, Budgets & Dashboards
      • 🪑Onboarding for Brands
        • How to share with your audience that your products are on Canoa
Powered by GitBook
On this page
  • Set the Fill Style:
  • Set the Stroke Style:

Was this helpful?

  1. Design

How to add Custom Colors

This article explains how to add colors throughout your Canvas mood board and design presentations to better show off your brand standards.

PreviousHow to add TextNextHow to use the Drawing Tools

Last updated 9 months ago

Was this helpful?

You do have the freedom to add and use custom colors throughout . When you select Text, Shapes, Frames, and Areas, you will be given the option to Set Fill Style and Set Stroke Style with the icons that appear below the selected item. While Canvas offers a few standard color options, there are several ways to apply a custom color to these elements and their borders.

  • Fill = the area inside the border

  • Stroke = the border

Set the Fill Style:

  1. Select an item to add color to: Text, a Frame, a Shape, or an Area.

  2. Click Set Fill Style to add color throughout the element.

  3. You now have the following options when choosing a color here:

    1. Double click into a color swatch to edit the color gradient and the opacity level.

    2. Click the Plus icon in the color menu to launch the color gradient and opacity level.

    3. Click the Eyedropper icon in the color menu to select a color from your Canvas.

    4. Or, if you know your color code, manually type in a HEX, RGBA, or HSLA extension to apply your perfect color.

  4. Click throughout the gradient window to choose your color.

  5. Adjust the opacity of the color by sliding along the opacity bar in the color menu.

  6. When you have found your perfect color, simply click outside of the color menu to exit.

Pro Tip: If you are using Google Chrome as your web browser, you can use the Eyedropper tool to pick up colors from anywhere on your screen - including outside the browser window!

Hint: Colors are saved per Canvas board.

Set the Stroke Style:

  1. To style the border of a Frame, a Shape, or an Area, select the element and click the Set Stroke Style icon just below it.

  2. You have the same color options as above noted - Steps 3 through 6.

  3. Chose the border style: Solid line, Dashed, or Dotted.

  4. Chose the thickness of the border: a weight of 1 through 10.

  5. Click outside the color menu to save and exit.

We hope this custom color feature allows you to easily bring in your own design and brand standards into Canvas. Learn more about colors by reading these articles here:

How to add Text
How to use the Drawing Tools
How to draw an Area
Canvas
Example of the color menu icons in Canvas
Plus icon and Eyedropper icon located inside the color menus
Finding our way around all the options in the color menu
Example of a Frame with a custom stroke style and color: Solid line with thickness set to 4.