Tempered Olive color palette — #DEF1FF · #009790 · #677C00 · #061209 · #030200

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

The five colors

• Frost (#DEF1FF): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#009790): A luminous, balanced teal — the color of glacier melt.
• Olive Leaf (#677C00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#061209): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#030200): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged neon, dark, vibrant, muted.

Use it as a design system

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

• Pine Archive color palette (#E3E7FD, #0091B6, #008758, #011312, #020300)
• Tempered Jade color palette (#FFE9E8, #00A67F, #9B8500, #282100, #000201)
• Pine Market color palette (#D5E9D1, #008444, #004932, #002119, #000D0B)
• Softworn Moss Garden color palette (#FFDCE9, #6C9200, #9D6300, #100E03, #030100)
• Timeworn Spruce Hollow color palette (#EAEAE1, #A8AC97, #768844, #214100, #151501)
• Sunlit Cornflower color palette (#E8E3F2, #2C85FC, #9C7700, #1B1200, #000301)
• Faded Moss color palette (#DBF2FF, #00C895, #93A400, #122F17, #1A1500)
• Dusty Emerald Market color palette (#F2DFC0, #00B9D0, #00AF5F, #102E19, #14170C)

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