Olive Summit color palette — #FFF2F0 · #F0B79D · #BF8247 · #507320 · #143D1A
A conversation between Olive and Caramel, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Sand (#F0B79D): A whisper-light, dusty orange — the color of autumn markets.
- Caramel (#BF8247): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#507320): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#143D1A): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.
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
- Timeworn Cypress color palette (#FFF3E6, #E8CB8F, #9E9752, #007756, #00423B)
- Coral Courtyard color palette (#FFF0F7, #FFB5C4, #CC7C76, #775A00, #353400)
- Feathered Bronze Pier color palette (#F8D8D3, #CE8F74, #A05B00, #435811, #00463A)
- Olive Workshop color palette (#ECE5D2, #A8A873, #658040, #00524F, #001E23)
- Tempered Moss color palette (#E6E8D5, #7B995A, #396F43, #00333A, #000E16)
- Washed Bronze Grove color palette (#FCE1CF, #A2783D, #55481C, #002B16, #000403)
- Hushed Forest Orchard color palette (#FFF3E3, #9CC3AA, #669483, #2A6054, #003838)
- Washed Bronze Pier color palette (#FFF3E9, #FFB680, #BB6200, #5A2E00, #110500)
Browse the whole catalog at Explore, or see today's palette.