Misty Olive color palette — #FFF3E2 · #B08100 · #3F8B1E · #004D91 · #0D0600

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

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B08100): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#3F8B1E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#004D91): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Quiet Olive Orchard color palette (#FFF2EE, #CD656A, #698200, #005574, #140200)
• Muted Olive Courtyard color palette (#FFF4E0, #AA8400, #498910, #005B48, #0C0700)
• Quiet Denim Courtyard color palette (#FCF5DF, #A8A32A, #6A9A46, #0B60AE, #1C1400)
• Muted Aubergine Garden color palette (#FFF3E7, #C57300, #008A73, #5623AE, #0F0500)
• Dusty Aubergine color palette (#FFF3E8, #E48657, #5D7600, #462488, #1C0F00)
• Muted Aubergine Studio color palette (#FFF3E6, #A96B00, #006A3F, #330095, #070300)
• Washed Aubergine color palette (#FCF5DD, #8D9114, #008691, #6D149D, #080800)
• Aubergine Atelier color palette (#EDE8D5, #616500, #005A56, #370060, #010100)

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