Olive Corridor color palette — #FFF0F8 · #96BAA0 · #6A7B43 · #2F626B · #324939

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Sage (#96BAA0): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#6A7B43): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#2F626B): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#324939): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Olive Corridor 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 Lantern color palette (#EEF8F0, #A6CABE, #618D71, #4B6B7B, #3D534C)
• Muted Alley color palette (#E2FDEF, #7EB37D, #007B69, #005780, #234423)
• Tempered Fern Coast color palette (#F9F0E3, #BAB585, #6E7C47, #4F5C14, #2E2713)
• Olive Villa color palette (#FDF1F7, #AB996D, #586C0E, #593F65, #233C2A)
• Worn Summit color palette (#D8E9E2, #619B75, #00625D, #134068, #00302F)
• Mallow Lantern color palette (#EAF8FF, #DCDAE5, #E9B4EC, #3B867C, #3E4E5E)
• Weathered Basalt color palette (#FEF3E8, #E5D3AC, #A3B483, #879679, #553F00)
• Cobalt Basin color palette (#FBF2F6, #BEE2FA, #628CC6, #197164, #3E4662)

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