Fern Canyon color palette — #F8F0EB · #B47D6D · #686928 · #004F64 · #281212

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Caramel (#B47D6D): A luminous, dusty orange — the color of autumn markets.
• Olive (#686928): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#004F64): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#281212): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Hushed Bronze Basin color palette (#F9EFEE, #AA708C, #8E622B, #005D4E, #27151C)
• Patina Veranda color palette (#F5F2E7, #969251, #427B5C, #264888, #2A170F)
• Patina Denim color palette (#F8F1E4, #D29AA3, #94704E, #2D5381, #3A271E)
• Wandering Navy color palette (#FCEFEB, #C48A90, #478057, #364882, #1A2449)
• Worn Aubergine Veranda color palette (#F9F1E2, #8C7934, #006B5F, #44297E, #1C0C00)
• Bronze Boulevard color palette (#F7EBE3, #AF7150, #3F3B34, #281B11, #120A08)
• Dusty Studio color palette (#FBF4E9, #9A7B3C, #05784F, #005E63, #283935)
• Ancient Forest Boulevard color palette (#FEEFE2, #A35400, #10660E, #003E62, #220007)

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