Olive Loft color palette — #FBF5E6 · #776C00 · #005549 · #003A48 · #251422

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

The five colors

• Ivory (#FBF5E6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Olive (#776C00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005549): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Teal (#003A48): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#251422): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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

• Muted Forest color palette (#FFF3E5, #965F00, #005D20, #00413C, #0C271D)
• Olive Lantern color palette (#F7F6EB, #6C7C21, #006C6D, #004968, #3C2633)
• Soft Thicket color palette (#F4F7DD, #0F7013, #004657, #001E79, #200833)
• Bronze Meadow color palette (#FBF0E2, #9F6B00, #455E00, #004538, #4F1311)
• Wandering Grape Field color palette (#FFF0F8, #674CC0, #005E45, #003B42, #29182B)
• Amber Pier color palette (#FAECD9, #C56B0A, #775300, #004E22, #352F2A)
• Quiet Plum Study color palette (#FFEDE8, #C02A45, #005F6A, #004048, #170510)
• Hushed Pier color palette (#FFF0FE, #E83C41, #007E86, #006166, #161B31)

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