Olive Grove color palette — #F3DED9 · #308700 · #005463 · #56001B · #000F08

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

The five colors

• Shell Pink (#F3DED9): A whisper-light, dusty orange — the color of autumn markets.
• Olive Leaf (#308700): A full-bodied, vivid green — the color of new leaves after rain.
• Peacock (#005463): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#56001B): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#000F08): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Powdered Villa color palette (#FFE8E1, #7A7500, #00574E, #50003E, #040F00)
• Muted Pine color palette (#FFDCCC, #008666, #004E7E, #4A1B00, #000E0F)
• Worn Pine Grove color palette (#FFE3F5, #008E4B, #004C57, #3A0013, #000201)
• Inked Forest Study color palette (#F4EAD6, #006849, #00373C, #2F002A, #000F0B)
• Hushed Studio color palette (#EAE6CA, #45966B, #005F5D, #333D00, #0C1200)
• Petrol Lantern color palette (#E1E6D3, #479279, #00688C, #623408, #2D1400)
• Nightshade Cabin color palette (#EBDDBF, #786500, #0214CA, #372100, #0E0600)
• Nightshade Grove color palette (#DAE8CD, #00A082, #007778, #1B35AC, #000F0C)

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