Misty Pine color palette — #FEF4DF · #F3B778 · #B8A500 · #188A18 · #303809

Olive Leaf and Gold set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEF4DF): A whisper-light, dusty gold — the color of old brass.
• Cantaloupe (#F3B778): A whisper-light, balanced gold — the color of old brass.
• Gold (#B8A500): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#188A18): A full-bodied, vivid green — the color of fresh herbs.
• Forest (#303809): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Faded Amber Thicket color palette (#FFF3E6, #FFAF94, #D6910B, #758400, #412F00)
• Quiet Moss Thicket color palette (#F6F6E6, #D4CC7A, #79B049, #008A74, #05381C)
• Washed Olive color palette (#E0E1CF, #92AB55, #3B8411, #005B2F, #004041)
• Mustard Quarry color palette (#F9F1E1, #FFA889, #CAAB00, #00988D, #1C1700)
• Misty Station color palette (#DEE0D0, #A39400, #318000, #005C52, #000C03)
• Pale Villa color palette (#EBE8DA, #D09400, #738600, #00693F, #0C1C00)
• Mustard Orchard color palette (#E4FCED, #FFBEA7, #E5BC00, #00B897, #323A10)
• Antique Study color palette (#F6F7E6, #96A07D, #24725D, #66421D, #303B00)

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