Tempered Olive Field color palette — #FBF3EF · #C9EAE2 · #6EA2B3 · #617837 · #315248

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

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Honeydew (#C9EAE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6EA2B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Olive (#617837): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#315248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Ash Garden color palette (#FAF4EE, #C8E9ED, #8998BF, #557860, #624A57)
• Patina Cypress Chapel color palette (#ECF4F2, #CCDCED, #76A4B6, #0D7C71, #1D3A47)
• Patina Bronze Dune color palette (#FBF4EA, #C5AC7E, #8099C8, #8E6D24, #5C445A)
• Worn Lagoon color palette (#F5F6EF, #C9E7DF, #82BDC5, #29998D, #33533F)
• Washed Cabin color palette (#F9EDE6, #61AEAD, #006274, #004026, #002235)
• Worn Cerulean color palette (#F2E4DD, #418D99, #00425B, #00231B, #00091A)
• Antique Taupe Market color palette (#FFF3E2, #B29351, #698BBE, #6F719E, #46423B)
• Ancient Chestnut Orchard color palette (#FFF3E2, #D7E9C7, #AFD0BD, #A6856C, #635000)

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