Olive Lantern color palette — #FEF3E6 · #B47C05 · #4A7100 · #00544B · #3D3632

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

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B47C05): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#4A7100): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00544B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#3D3632): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Pine Alley color palette (#F8F5EA, #8F8D35, #02773F, #005356, #003B41)
• Dusty Coast color palette (#FEF3EC, #C96B46, #7A6000, #215607, #51283E)
• Misty Bronze color palette (#FFECCD, #BEA24C, #897900, #626000, #4B4F27)
• Olive Market color palette (#F0E8CE, #777200, #005B33, #003A40, #3A1A00)
• Feathered Meadow color palette (#FFEEE4, #D26D42, #04765C, #2F3F69, #2D132A)
• Weathered Bronze color palette (#EDE3D7, #9A6400, #35322B, #271D10, #0E0D07)
• Marigold Market color palette (#FFF3E6, #FFCFB8, #FAA739, #AA8B33, #3F3A34)
• Frosted Tangerine color palette (#FFF0F9, #F37F56, #339569, #515A8A, #293757)

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