Misty Pine color palette — #EEFCD0 · #8DC79E · #31855E · #005333 · #003423

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

The five colors

• Custard (#EEFCD0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#8DC79E): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#31855E): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Forest (#003423): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged monochrome.

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

• Wandering Balcony color palette (#CAFDFD, #8EC7A5, #308F64, #004C2C, #001B0C)
• Wandering Balcony color palette (#DFFFE3, #6FC5CE, #00808F, #004F55, #003136)
• Timeworn Courtyard color palette (#EEFCD5, #A4DBBA, #47AB7E, #006C44, #003520)
• Olive Courtyard color palette (#FFF6CC, #B1BA7C, #727C32, #494400, #2D2E00)
• Cypress Veranda color palette (#CEEADC, #007F61, #003F32, #00160F, #000201)
• Hushed Petrol color palette (#F0F8EF, #72BEB9, #6268AA, #006E6A, #2E1E29)
• Softworn Stone color palette (#EFF8F0, #D9A07F, #005D61, #1C351F, #081F1B)
• Washed Cocoa color palette (#FFF3E5, #B8A47D, #8E6B3E, #794114, #3F3D36)

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