Olive Loft color palette — #F7F1E9 · #BFB38D · #5D813F · #674B5D · #2E2712

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

The five colors

• Cream (#F7F1E9): a clean, paper-quiet neutral.
• Stone (#BFB38D): A luminous, dusty green — the color of a quiet forest floor.
• Olive Leaf (#5D813F): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#674B5D): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#2E2712): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Lagoon color palette (#F4F2EB, #C3C7A0, #549178, #745960, #31322B)
• Hushed Olive Veranda color palette (#FFEFDD, #B8A857, #5A7700, #494479, #2B1E00)
• Basalt Chapel color palette (#F9F5E5, #A6B882, #627D50, #4C6049, #4B4300)
• Washed Bloom color palette (#FEEDF0, #BC91C9, #6A9E45, #814C90, #1A2E0B)
• Antique Taupe color palette (#EAF9F3, #C0EDCF, #89A976, #597D86, #273E37)
• Quiet Boulevard color palette (#EFE4C9, #7FA250, #006E3B, #492D6C, #0F1A00)
• Cerulean Corridor color palette (#F8F0EC, #CCE4CB, #189EB7, #226E47, #123329)
• Washed Shell color palette (#FFECF1, #E6D1D0, #FBAF9D, #7A79AB, #412B2E)

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