Soft Olive Field color palette — #F2F4DF · #89B17B · #4697C2 · #317700 · #002B40

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

The five colors

• Cream (#F2F4DF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#89B17B): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#4697C2): A luminous, balanced blue — the color of deep harbor water.
• Olive (#317700): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002B40): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Feathered Cerulean color palette (#F8F2E0, #AAA85D, #00A0AD, #6C6800, #002E32)
• Sky Garden color palette (#E2FBF7, #99C68A, #2DB1F2, #54933C, #26465D)
• Ancient Corridor color palette (#E7FAF6, #80AE74, #9F73C3, #3A7628, #3F3E5E)
• Amber Harbor color palette (#EEF5E5, #6CB692, #C07C2E, #007750, #3B2000)
• Wandering Bronze color palette (#F1F4DE, #6A9D66, #0090A0, #8E6100, #1E2100)
• Frosted Pine color palette (#EFF7D1, #99C79F, #3C874F, #004F25, #001F0B)
• Patina Delta color palette (#F7F2DE, #A1AB62, #CE6B71, #636B00, #471218)
• Weathered Violet color palette (#D9F0E0, #2FA1B6, #9760B7, #00606F, #2A093A)

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