Soft Olive color palette — #E8FAF4 · #A7BF7B · #2E87C3 · #617E15 · #0A1A27

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

The five colors

• Ivory (#E8FAF4): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A7BF7B): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#2E87C3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#617E15): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0A1A27): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

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

• Pale Drift color palette (#E7FAF9, #70CA96, #7377C7, #0D8752, #111729)
• Tempered Bronze color palette (#EDF8F1, #C8B371, #00948D, #886F00, #001C22)
• Quiet Olive Chapel color palette (#F7F6EA, #C1DC8C, #0095D0, #658300, #000804)
• Sapphire Boulevard color palette (#DEF8FA, #00C7A1, #156CF7, #007B62, #000E33)
• Misty Workshop color palette (#FFE6F7, #69B583, #00869A, #883644, #03373D)
• Worn Courtyard color palette (#E7F9FF, #00D3E2, #8868F4, #008892, #151A36)
• Patina Indigo Pier color palette (#E2F7F4, #65A864, #5D68BF, #823600, #442100)
• Hazy Quarry color palette (#EBF8F7, #8AE29E, #00BBAD, #46AE65, #011D22)

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