Forest Veranda color palette — #F8EBE8 · #9BBB9A · #00748F · #0C5419 · #002F56

Deep Olive and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE8): a clean, paper-quiet neutral.
• Sage (#9BBB9A): A luminous, dusty green — the color of fresh herbs.
• Teal (#00748F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#0C5419): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Navy (#002F56): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

One click turns Forest Veranda 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 Cobalt color palette (#FDF3EE, #AAD0B2, #2B81AC, #00633D, #283A5D)
• Hushed Petrol Chapel color palette (#F6ECE5, #81BBD1, #2F6AAA, #005144, #27255A)
• Worn Petrol color palette (#E4EBE5, #81C0C0, #007988, #004D3B, #001923)
• Patina Balcony color palette (#FBF4EF, #C3E6D5, #698CBA, #007263, #5E3A51)
• Faded Jade Delta color palette (#BBF5BF, #44AA76, #006730, #00341D, #001D04)
• Ancient Lantern color palette (#F5F2CA, #78D4B9, #6CA6D9, #7C5D12, #363831)
• Hushed Corridor color palette (#FAEBE3, #3D8D9A, #004161, #002415, #01002F)
• Soft Emerald color palette (#DBE2C2, #3DA656, #743F9A, #005920, #381351)

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