Misty Pine color palette — #FFF3E8 · #D49762 · #398A4C · #005074 · #310134

Built around Fern, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#D49762): A luminous, balanced gold — the color of old brass.
• Fern (#398A4C): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005074): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#310134): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged warm.

Use it as a design system

One click turns Misty Pine 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

• Worn Coral Canyon color palette (#FFF2EC, #EA8678, #707F15, #00545D, #220943)
• Patina Nightshade color palette (#FDF4E7, #CE9C44, #008A73, #2E3AA1, #390113)
• Misty Canyon color palette (#FFECF3, #AD6100, #166520, #004156, #391D48)
• Wandering Petrol Terrace color palette (#FFF3E7, #EAD6B3, #A19D76, #416E90, #4D2E43)
• Timeworn Summit color palette (#FDE6F4, #C4552A, #005E79, #172F67, #090D38)
• Worn Emerald Lantern color palette (#FFEDEC, #FF96C8, #08B358, #7E469F, #3C1C44)
• Washed Garnet color palette (#F3F8E0, #46A95F, #0068A6, #65004E, #140A00)
• Bronze Boulevard color palette (#FEF0E1, #A66C00, #005D32, #00283D, #040006)

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