Olive Summit color palette — #EAF4F3 · #CDD8DF · #A2C5D7 · #218108 · #0C2B27

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

The five colors

• Ivory (#EAF4F3): bright and airy, almost weightless.
• Silver (#CDD8DF): bright and airy, almost weightless.
• Sky (#A2C5D7): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#218108): A full-bodied, vivid green — the color of fresh herbs.
• Deep Forest (#0C2B27): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Muted Pine Lantern color palette (#ECF8F7, #CADDE7, #98C5CE, #187F32, #2C4543)
• Weathered Bronze color palette (#EBF5EE, #CAD9DC, #A6C6C8, #806900, #19291F)
• Aged Coast color palette (#EAF4F6, #D1D6E1, #AEC0DB, #007C75, #0D292F)
• Antique Forest Market color palette (#E3EBEA, #BCCFD4, #8EA8B8, #006730, #031A19)
• Washed Emerald color palette (#F5F6EF, #D3E0D8, #9BBBCE, #3AAC51, #333900)
• Deep Cypress color palette (#D5EBED, #007D65, #002F3B, #00150F, #000504)
• Weathered Cypress color palette (#E5F7EF, #85B58D, #007C71, #4E5000, #00290C)
• Lagoon Alley color palette (#CEF2D6, #AAB582, #259095, #754123, #412F00)

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