Powdered Olive color palette — #E6FBF4 · #798911 · #125E93 · #2E3A6F · #30222B

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

The five colors

• Ivory (#E6FBF4): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#798911): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#125E93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#2E3A6F): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#30222B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Powdered 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

• Tempered Drift color palette (#E3FCF2, #82930B, #1A699C, #69334E, #412F4E)
• Denim Parlor color palette (#FFF1F5, #A26A00, #2B569C, #2A4674, #312939)
• Ancient Emerald Terrace color palette (#E9F9F7, #549D50, #735684, #594366, #3A2C33)
• Olive Station color palette (#E5F6F3, #5B8847, #007470, #5D335B, #001811)
• Teal Alley color palette (#EFF8EC, #2FB1AD, #1F8D8D, #525891, #352612)
• Antique Moss color palette (#FFF1F6, #8EA32F, #007B69, #633E66, #25443F)
• Pine Market color palette (#FEF1B0, #99B362, #318752, #005F4D, #00454E)
• Dusty Thicket color palette (#EEF8F4, #CEE1E7, #B3C5D0, #727A47, #3E4B46)

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