Cypress Canyon color palette — #F1F7EE · #D1BD9F · #286B5D · #2B3F1E · #192A22

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

The five colors

• Ivory (#F1F7EE): a clean, paper-quiet neutral.
• Sand (#D1BD9F): A luminous, dusty gold — the color of afternoon light on wheat.
• Pine (#286B5D): A full-bodied, dusty teal — the color of sea glass.
• Forest (#2B3F1E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#192A22): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Fern Coast color palette (#F6F6EF, #D1BD9E, #666112, #393932, #21291D)
• Hushed Lagoon color palette (#EDF7FB, #F9C1BD, #448A8D, #2C545F, #222D31)
• Cobalt Pier color palette (#F2F7F1, #ACCAA9, #5A7DB9, #007E7A, #362935)
• Ancient Canyon color palette (#EDF7F9, #F3DBAA, #6DAD9D, #567377, #232E2F)
• Softworn Grove color palette (#EDF8F4, #C3AA84, #255679, #0B314B, #0D2720)
• Timeworn Lantern color palette (#FFF4E2, #88B39A, #5A78A7, #84443C, #304F43)
• Chestnut Dune color palette (#E4F0E1, #785900, #1E262B, #001917, #000303)
• Bronze Veranda color palette (#E3F2EB, #9A7401, #4C444D, #002B3D, #000B13)

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