Olive Loft color palette — #EAFAF0 · #B6C288 · #4C8829 · #235675 · #001E16

Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Pistachio (#B6C288): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#4C8829): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#235675): A full-bodied, dusty blue — the color of deep harbor water.
• Ink (#001E16): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Softworn Lagoon color palette (#E0FCF6, #89CDA2, #008A71, #005C65, #001D1D)
• Olive Cabin color palette (#E3FDE7, #D1C667, #728A00, #5B4C89, #231F00)
• Timeworn Studio color palette (#E7FBF1, #BFDBA0, #549D5E, #466687, #0C2E28)
• Soft Forest color palette (#E4FCF3, #7EB273, #007246, #1B3A6E, #010B00)
• Tempered Quarry color palette (#E9E5D1, #7E955B, #3A6127, #004846, #2E2A03)
• Weathered Cerulean color palette (#EDF9EF, #A5F7F6, #00A4B8, #006C54, #00222E)
• Tempered Emerald Veranda color palette (#C9E9E4, #13A773, #005B4F, #262256, #000201)
• Timeworn Coast color palette (#E8FAF5, #AEF0E4, #68AE95, #63769A, #213E3D)

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