Olive Studio color palette — #FBF4ED · #BDAE8C · #6A7B43 · #266753 · #553F00

Olive takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4ED): bright and airy, almost weightless.
• Camel (#BDAE8C): A luminous, dusty gold — the color of old brass.
• Olive (#6A7B43): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#266753): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#553F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, 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

• Fern Pier color palette (#F7F6E8, #AAB497, #398178, #4F603B, #3A4A00)
• Muted Olive color palette (#EAF5EE, #B4B884, #6C7E37, #315E58, #172C24)
• Weathered Olive Hollow color palette (#F9F5EB, #C5C999, #87975D, #73772F, #4F4100)
• Wandering Fern Lagoon color palette (#FEF3E8, #A59C6A, #566B32, #3D4679, #38352E)
• Cypress Corridor color palette (#F9F6DF, #79B388, #007B69, #005A72, #134626)
• Tempered Thicket color palette (#EFF8EE, #E2D796, #9FB67B, #76979A, #33483C)
• Worn Amber Lagoon color palette (#EBF9F2, #66AAC7, #AE803D, #007092, #5B3B00)
• Hushed Atelier color palette (#F8E9CF, #899C3A, #006E1D, #004E4C, #2A3200)

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