Olive Terrace color palette — #F8D7CD · #A57835 · #557123 · #443D69 · #110231

A conversation between Olive and Mocha, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F8D7CD): A whisper-light, dusty orange — the color of toasted spice.
• Mocha (#A57835): A luminous, balanced gold — the color of old brass.
• Olive (#557123): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#443D69): A deep, shadowed, dusty violet — the color of wild irises.
• Deep Indigo (#110231): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Dusty Study color palette (#F3E2D8, #8D8B4E, #3E7746, #5F3665, #24001A)
• Frosted Lagoon color palette (#F7D8E1, #BF6F50, #7E620B, #1D4B81, #0A0434)
• Weathered Lantern color palette (#EEE6D0, #807834, #4B6014, #003C37, #001017)
• Pine Balcony color palette (#F4ECDD, #829146, #03771C, #6F2C52, #050700)
• Ancient Amethyst Loft color palette (#EBE4D1, #8B8000, #7944EA, #5E5600, #08001D)
• Bronze Study color palette (#F8EDDE, #9A7D00, #515527, #112202, #000201)
• Soft Station color palette (#E4E1CF, #66A465, #008581, #733952, #43031B)
• Frosted Lapis color palette (#EDEAD4, #7E7000, #4934FF, #8A00A2, #020200)

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