Muted Forest color palette — #F8F0ED · #CDE3CE · #5E96AD · #386B43 · #38233A

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

The five colors

• Cream (#F8F0ED): bright and airy, almost weightless.
• Celadon Mist (#CDE3CE): A whisper-light, dusty green — the color of a quiet forest floor.
• Storm Blue (#5E96AD): A luminous, dusty blue — the color of open sky before noon.
• Pine (#386B43): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#38233A): A deep, shadowed, dusty pink — the color of a candy shop window.

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

Use it as a design system

One click turns Muted Forest 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 Fern color palette (#FBEFEB, #BBD9B8, #0092AF, #11670E, #002744)
• Worn Cypress color palette (#F8F5EF, #CFE3CF, #3A99A9, #00735A, #1C4E61)
• Chestnut Basin color palette (#FCF0E0, #C59B60, #6F8CCB, #875A00, #162549)
• Wandering Pine Thicket color palette (#F8F3F8, #CEDEEF, #6DAFC9, #4D8B58, #2E4969)
• Patina Denim Bloom color palette (#EDDED8, #4E97A0, #005071, #002E1A, #00011C)
• Dusty Bloom color palette (#FFEEE4, #71CAE2, #0077BE, #005440, #0F0E49)
• Navy Veranda color palette (#F1E2D3, #477FA2, #152E8C, #001F1E, #020008)
• Dusty Bronze Corridor color palette (#FDF0DF, #B7AB89, #8F6F3E, #6B3F2E, #24240F)

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