Ancient Olive color palette — #FFF1F5 · #90BBA5 · #558145 · #5C5475 · #31483D

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Sage (#90BBA5): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#558145): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#5C5475): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#31483D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Hushed Lagoon color palette (#EDF8F2, #A1CBC3, #47917B, #6F5F76, #3F514E)
• Tempered Pier color palette (#F7F2E3, #A8BD82, #588153, #3F5C53, #2A2813)
• Antique Olive Canyon color palette (#FFF1F5, #AEA64A, #337D11, #534877, #1A4432)
• Hushed Dune color palette (#F9F3F8, #B9E5F3, #3A96BA, #3B6F4A, #354962)
• Emerald Parlor color palette (#F6F3FF, #C189BF, #529E4B, #884B87, #1A4C46)
• Aged Sand Lantern color palette (#F5F4FF, #EADBD9, #F5BE91, #6E80A9, #534A5A)
• Pale Forest color palette (#DBE9DA, #8F9144, #196620, #3E336A, #043123)
• Faded Olive color palette (#D9EBDF, #618834, #005239, #411952, #112000)

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