Olive Studio color palette — #F8F6E5 · #B5CA79 · #10B8DC · #6C8100 · #002D38

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

The five colors

• Cream (#F8F6E5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B5CA79): A luminous, balanced green — the color of new leaves after rain.
• Cyan (#10B8DC): A luminous, balanced blue — the color of deep harbor water.
• Olive Leaf (#6C8100): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002D38): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Timeworn Teal color palette (#FFF4E0, #D9BB72, #00BFB3, #937100, #002F2C)
• Soft Emerald color palette (#F4F7E8, #AEE4B3, #78C3FC, #3DA150, #143C57)
• Sunlit Moss Coast color palette (#F1F0DE, #A8CF5D, #A8A4FF, #79A100, #322F59)
• Tempered Courtyard color palette (#E3FDE8, #2CBFCD, #9C9700, #00717A, #1B1900)
• Tempered Apricot color palette (#EFF9E4, #75D5B0, #DA9543, #008B67, #3B2100)
• Washed Study color palette (#FBF7D6, #99B346, #00ACA2, #BE6200, #171F00)
• Faded Periwinkle color palette (#EDFCDA, #00D296, #6096FF, #007E59, #001358)
• Powdered Olive color palette (#F7F7E3, #A7CD87, #EE8469, #528800, #4C0E00)

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