Forest Canyon color palette — #F8F0ED · #B3D0B8 · #3785AB · #005F37 · #0B1F42

Pine takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Pistachio (#B3D0B8): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#3785AB): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005F37): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#0B1F42): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Forest 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

• Cerulean Workshop color palette (#FAF4EB, #93D2D7, #0086A0, #006153, #0C4057)
• Cobalt Delta color palette (#F3E6DD, #98BDAD, #3D69B3, #004C45, #17073D)
• Cerulean Delta color palette (#F7F0EC, #CAE3D6, #6690C4, #006E5F, #3E2134)
• Weathered Turquoise color palette (#EFF8F0, #D6D6E5, #3AB7D5, #00816F, #003348)
• Tempered Abyss color palette (#E9DED9, #48838C, #00405F, #002113, #00000D)
• Denim Courtyard color palette (#EBDFD9, #63A8BA, #005C95, #003B2C, #05012F)
• Indigo Field color palette (#FFECEF, #FAC4CF, #DBAE78, #5D62AF, #3E1F1F)
• Timeworn Fern Bloom color palette (#FFEAE6, #B65A6F, #6A7700, #226D00, #29050F)

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