Forest Canyon color palette — #FAF4F0 · #CBE4CB · #3298B0 · #1C734C · #245244

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Celadon Mist (#CBE4CB): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#3298B0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#1C734C): A full-bodied, balanced teal — the color of sea glass.
• Forest (#245244): A full-bodied, dusty teal — the color of glacier melt.

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

• Wandering Cypress Summit color palette (#FCF3EF, #CCE3D1, #5793AF, #00735B, #553E58)
• Cerulean Field color palette (#ECF4F2, #B7E5F3, #00A0AC, #186D62, #11303D)
• Patina Turquoise color palette (#F5F6EE, #C0E7DC, #34B9C3, #008E7E, #32503C)
• Softworn Lantern color palette (#FBF3EF, #B0CDB9, #2882AB, #006150, #1B3B63)
• Softworn Denim Canyon color palette (#F8EBE5, #629AA2, #00516C, #003125, #00142B)
• Aqua Boulevard color palette (#FBF2F8, #CDE6FF, #7FCBDE, #76A489, #334B5D)
• Dusty Olive Balcony color palette (#FFF1F3, #A873A8, #518C47, #007469, #4F2C33)
• Worn Basalt Courtyard color palette (#FBF5E4, #ACA980, #797539, #674C1A, #3A4200)

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