Olive Studio color palette — #ECF3D0 · #667F00 · #3D6600 · #1C4D00 · #000E01

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

The five colors

• Custard (#ECF3D0): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#667F00): A full-bodied, balanced green — the color of fresh herbs.
• Olive (#3D6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#1C4D00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000E01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Pine Garden color palette (#DCF8DF, #009255, #006D49, #004E39, #00100C)
• Powdered Rust color palette (#E1E3C8, #4C9215, #C53800, #2F6300, #120100)
• Dusty Harbor color palette (#F1E9D0, #787C00, #2C4500, #001B08, #000201)
• Pale Olive color palette (#EDF1DF, #76BF99, #00B19D, #367A00, #001207)
• Muted Bronze color palette (#FCEBD9, #A16E00, #7C5A00, #503D00, #0C0900)
• Pale Parlor color palette (#D6E4CD, #478000, #007579, #7D4B00, #010200)
• Powdered Emerald Hollow color palette (#D5E9CF, #6BC273, #00AC5A, #008152, #003B28)
• Softworn Lagoon color palette (#CEF2E9, #009C94, #007F7E, #005459, #00191D)

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