Olive Loft color palette — #F0F3EB · #CEDBD6 · #ADC3BD · #687F3D · #2A2D25

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

The five colors

• Cream (#F0F3EB): a clean, paper-quiet neutral.
• Silver (#CEDBD6): a clean, paper-quiet neutral.
• Stone (#ADC3BD): A luminous, dusty teal — the color of sea glass.
• Olive Leaf (#687F3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2A2D25): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Petrol Villa color palette (#ECF4EE, #CADEDF, #B2C2C5, #447F8A, #252F28)
• Dusty Parlor color palette (#F1F4E4, #84C3A6, #3C8378, #545A0D, #222B15)
• Hushed Chapel color palette (#DCE1D8, #95A594, #63856F, #004133, #020501)
• Patina Basalt Atelier color palette (#E0F0D5, #88C3CE, #619182, #6F524F, #552200)
• Tempered Cypress Boulevard color palette (#EBF6E7, #C5DAC9, #80B4C8, #006A60, #131D0F)
• Celadon Coast color palette (#E9F6E6, #9EF79F, #3FD2BD, #3C9BBB, #122915)
• Dusty Lantern color palette (#D5E2DF, #BFADBA, #9F8592, #114574, #000E0B)
• Jade Grove color palette (#FDF0DC, #1CB68E, #007987, #5E3852, #192715)

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