Soft Forest Canyon color palette — #FFF2EF · #87E0DB · #008EAB · #0C6C14 · #1D4264

A conversation between Olive and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Lagoon (#87E0DB): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#008EAB): A full-bodied, balanced blue — the color of deep harbor water.
• Olive (#0C6C14): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#1D4264): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Misty Cobalt color palette (#FFF2EB, #87DDF5, #0084D5, #006951, #343C67)
• Forest Atelier color palette (#FFF2EE, #5ECBCD, #00799A, #005A25, #003265)
• Antique Cerulean Workshop color palette (#E7F7EA, #82E3DD, #0094A0, #006548, #002A35)
• Linen Turquoise color palette (#FFF4E2, #82F1EA, #00B0BE, #008660, #004858)
• Muted Balcony color palette (#FAF4EF, #BCE8D6, #6A8AC4, #007269, #593F4C)
• Gentle Violet Garden color palette (#FFE2ED, #9853E8, #00875D, #006867, #37264F)
• Hushed Navy color palette (#ECE0D9, #388DA1, #003F68, #002319, #04012B)
• Misty Lantern color palette (#FDF1F9, #B1F3EE, #29CBE5, #41A868, #004661)

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