Olive Study color palette — #FCF2F5 · #91BBA5 · #5B7F4E · #714B6C · #284B3A

Fern and Charcoal Brown set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Sage (#91BBA5): A luminous, dusty teal — the color of sea glass.
• Fern (#5B7F4E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#714B6C): A full-bodied, dusty pink — the color of a candy shop window.
• Forest (#284B3A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Cypress Archive color palette (#E9FAF3, #8ABAB7, #418079, #3F5D79, #284947)
• Washed Ridge color palette (#EBFAEE, #91A278, #1F744F, #54406C, #173D34)
• Wandering Station color palette (#F5F2E8, #A7BC8F, #548257, #375E54, #2A2811)
• Weathered Alley color palette (#EBF9F2, #B7CD9D, #6E9D71, #577593, #2B4942)
• Dusty Terrace color palette (#F7F3FF, #C589B5, #67995C, #973E84, #2F4B29)
• Wandering Pine color palette (#F9F3F8, #C8E1EB, #4E93BA, #00754B, #364865)
• Softworn Taupe color palette (#FFF3E4, #D5DAA9, #8BBA8F, #A7868C, #4F4100)
• Cobalt Terrace color palette (#F5F3FF, #EDD6DF, #E0BF9A, #7C77B9, #56455E)

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