Olive Terrace color palette — #F9F1E1 · #A9AD6D · #567728 · #005B3B · #222200

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

The five colors

• Cream (#F9F1E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A9AD6D): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#567728): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#005B3B): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#222200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Olive Terrace 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 Fern Harbor color palette (#F4F3DC, #83B68B, #007E5E, #395700, #00290C)
• Feathered Dune color palette (#FFF1F6, #B7A34B, #4B7900, #005D5B, #443A0C)
• Antique Hollow color palette (#F1E3CC, #9C9945, #4C6600, #00455B, #181700)
• Washed Moss Basin color palette (#E5FCEC, #BDC174, #6C9532, #357859, #3C3E0D)
• Abyss Terrace color palette (#EEECDB, #598558, #005135, #003131, #000B01)
• Midnight Spruce Thicket color palette (#F0E9D4, #4B6031, #00340D, #00152A, #010100)
• Airy Plum color palette (#C0F1E4, #2A87D6, #CF245B, #496F00, #001931)
• Misty Sky Canyon color palette (#DCFAF0, #4AB1F6, #A46300, #006194, #311A00)

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