Olive Studio color palette — #F6F1E9 · #B8B689 · #6B7E3D · #6E4856 · #2E2712

Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F6F1E9): bright and airy, almost weightless.
• Sage (#B8B689): A luminous, dusty green — the color of new leaves after rain.
• Olive Leaf (#6B7E3D): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#6E4856): A full-bodied, dusty rose — the color of strawberry cream.
• Onyx (#2E2712): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Lagoon Lagoon color palette (#F4F2E9, #C4C79F, #5E9070, #76595A, #31322B)
• Softworn Olive Harbor color palette (#F7F1E6, #A0A475, #4B7212, #6F3219, #221C02)
• Jade Corridor color palette (#F2F4E2, #5DBE8E, #007D6B, #71364A, #1B2405)
• Airy Forest color palette (#EBE5D2, #81A24E, #006F1A, #592859, #0F1A00)
• Tempered Cabin color palette (#FDF3EA, #EDE8B6, #80AC6D, #8D6A7D, #3B3831)
• Emerald Lagoon color palette (#FFEEE5, #C87260, #339559, #5766A6, #2E180C)
• Muted Field color palette (#F5F1EB, #C6E6CB, #009EBB, #006E5D, #073526)
• Patina Terracotta Coast color palette (#FFEEE7, #DA8B83, #009FB2, #A73B36, #002D34)

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