Olive Basin color palette — #E9F5F0 · #A7BC8E · #607F55 · #375D5C · #112D27

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F5F0): bright and airy, almost weightless.
• Sage (#A7BC8E): A luminous, dusty green — the color of new leaves after rain.
• Fern (#607F55): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#375D5C): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Forest (#112D27): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Antique Olive Loft color palette (#DBFBEA, #A6AF5C, #5B7700, #17584E, #00281C)
• Hushed Delta color palette (#E5F6F4, #A1D0B5, #5B8D90, #4F666B, #203535)
• Tempered Basalt color palette (#F9F5E9, #B6B18B, #607D59, #4F6041, #4C4300)
• Softworn Bloom color palette (#ECF9EF, #C6ECC8, #84AA7F, #547E87, #273E36)
• Feathered Periwinkle Quarry color palette (#E9F3FF, #57A7FE, #51A16E, #2F67A2, #002E2D)
• Hazy Jade color palette (#CBEDE7, #47AC64, #006D46, #00493E, #001C08)
• Pine Harbor color palette (#DBECE9, #428B4F, #005130, #003039, #000B02)
• Ancient Mallow Terrace color palette (#EBF2FF, #DDD5E2, #CBBDF4, #6683A6, #293040)

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